download-webpage-as-pdf
用agent-browser将网页保存为高保真PDF
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：download-webpage-as-pdf。 它的用途是：用agent-browser将网页保存为高保真PDF 完整的 Skill 内容见：https://321skill.com/skills/download-webpage-as-pdf-x-4/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'将「https://example.com/help」保存为PDF，保留所有图片和原始布局，输出到桌面。' 它会调用 agent-browser CLI 打开该页面，等待所有懒加载图片加载完成后，生成一个高保真PDF文件，并保存在指定路径。
介绍
你是否遇到过需要保存网页内容，但浏览器打印出的PDF要么布局错乱，要么图片丢失？download-webpage-as-pdf 正是为解决这个问题而生。它利用 agent-browser CLI 自动加载网页，等待所有元素（包括懒加载的图片）渲染完成后，以高保真方式导出为 PDF，完美保留原始布局和每一张图片，适合需要存档或分享的网页场景。
使用非常简单：你只需提供目标网页 URL，该工具会调用 agent-browser 打开一个无头浏览器，模拟真实用户访问，待页面完全加载后执行 PDF 生成。你可以通过命令行参数指定输出路径、页面尺寸等选项，整个过程无需手动操作浏览器，适合批量或自动化流程。
适合需要频繁保存网页资料的文档工程师、内容创作者和学术研究者。例如，将在线技术文档存档为离线 PDF，保存新闻报道用于研究，或者导出设计稿评审页面作为附件。也适合需要将网页内容分发给不便访问网络的用户场景。
建议在需要保存的网页是静态内容或标准 HTML 页面时使用效果最佳。对于包含大量动态交互（如实时图表、视频流）的页面，可能需要额外等待时间或无法完美还原。另外，确保已安装 agent-browser 工具（通过 npm 全局安装即可）。
核心特点
与浏览器自带的“打印为PDF”功能相比，本工具能自动处理懒加载图片，并保留 JavaScript 动态渲染后的完整布局，而不仅仅是打印时的简化视图。
注意事项
不适合需要交互式功能（如点击、滚动）的网页，生成的 PDF 为静态快照，无法保留动态效果。
常见问题
如何安装 agent-browser？
通过 npm 全局安装：npm install -g agent-browser
支持哪些网页格式？
支持所有标准 HTTP/HTTPS 网页，包括需要登录的页面（需提前在浏览器中保存 Cookie 或使用参数传递）。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/download-webpage-as-pdf-x-4/raw/index.md 读取 download-webpage-as-pdf 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/download-webpage-as-pdf-x-4/raw/index.md（查看排版版本）