技能介绍

网页内容导出的常见痛点

将网页内容保存为图片时，开发者常面临几个问题：不同设备上网页显示效果不一致，直接截图可能导致内容不完整；导出的图片格式、尺寸和画质难以精确控制，影响后续分享效果；部分网页依赖本地服务器资源，普通截图工具无法正确加载内容。这些痛点使得网页内容难以稳定地转换为适合公众号、小红书等平台分享的高清长图。

技能的核心能力与工作步骤

该技能通过调用本机已安装的 Chrome、Edge 或 Chromium 浏览器，将 HTML 文件或网页网址渲染为高清长图，核心能力包括：

依赖本机浏览器：利用本地浏览器环境，无需额外下载，减少安装成本；
灵活的参数配置：通过 --width（页面 CSS 宽度，默认 1000，建议 700–1440）、--scale（像素倍数，默认 2，建议 2 或 3）等参数调整输出效果；
多格式支持：支持输出 .png、.jpg 或 .jpeg 格式，JPEG 可通过 --quality（1–100，默认 92）控制画质；
本地文件与网址双支持：可处理本地 HTML 文件路径或 http(s):// 网址作为输入。

工作步骤大致分为：切换到技能目录，检查依赖是否存在（不存在则安装 puppeteer-core），执行渲染脚本，读取脚本输出的 JSON 并返回图片路径、像素尺寸和文件体积。

适用边界与注意事项

使用时需注意：仅渲染用户明确提供或授权访问的本地文件和网址，不自行读取浏览器 Cookie、登录状态或私人页面；处理不可信网址时保留 Chrome 沙箱，不添加 --no-sandbox；未获得用户允许时，不上传生成的图片或网页内容。若遇到 NO_CHROME（未找到浏览器），可通过 --chrome 手动指定浏览器路径或设置 CHROME_PATH；MISSING_PUPPETEER 时在技能目录运行依赖安装命令；INVALID_INPUT 需检查本地文件是否存在或网址是否为有效 http(s) 地址；页面内容不完整时，需确认外部资源可访问，依赖本地开发服务器的页面应使用服务器网址作为输入。