download-webpage-as-pdf
使用 agent-browser CLI 将网页高保真保存为 PDF,保留布局与图片。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:download-webpage-as-pdf。 它的用途是:使用 agent-browser CLI 将网页高保真保存为 PDF,保留布局与图片。 完整的 Skill 内容见:https://321skill.com/skills/download-webpage-as-pdf/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我把 https://example.com/my-portfolio 这个作品集页面保存成 PDF,要保留所有动画效果加载完后的最终样子。’,它会通过 agent-browser CLI 访问该 URL,等待页面完全渲染(包括所有懒加载的图片和动态内容),然后生成一个布局精准、图片完整的高质量 PDF 文件供你下载。
介绍
该 Skill 解决了用户需要将动态网页(尤其是包含懒加载图片的复杂页面)完整、精确地保存为 PDF 文件的痛点。传统截图或打印功能常导致布局错乱、图片缺失或质量下降,而此工具通过模拟真实浏览器环境,确保捕获到最终渲染完成的页面,生成高保真的 PDF 文档。
使用方式是通过 agent-browser CLI 命令,指定目标网页 URL 即可一键生成 PDF。它会在后台启动一个浏览器实例,等待页面完全加载(包括所有异步资源和懒加载图片),然后利用浏览器的打印功能生成高质量的 PDF 文件。
它非常适合需要存档网页内容、制作离线参考资料、保存在线文档或报告的前端开发者、内容创作者、学术研究者以及任何对文档保真度有要求的用户。例如,开发者可以保存自己的作品集页面,研究者可以存档重要的在线论文或数据图表。
使用建议是,对于需要登录才能访问的页面,可能需要先处理认证问题。此外,生成超长网页的 PDF 可能会耗时较长并产生较大文件。注意,它主要针对静态或动态渲染完成的页面,对于需要复杂交互才能显示的内容可能不适用。
核心特点
与普通网页打印或截图工具相比,其核心在于能确保捕获所有懒加载图片和最终渲染布局,生成真正所见即所得的 PDF;与一些在线转换服务相比,它通过本地 CLI 工具运行,无需上传数据到第三方,在保护隐私和内容安全方面更有优势。
注意事项
不适合需要实时交互或登录后才能完全渲染的复杂单页应用(SPA)场景,且对超长网页转换可能较慢。
常见问题
这个工具能保存需要滚动才能加载的图片吗?
可以,它能处理懒加载图片,确保所有图片都被捕获。
生成的 PDF 质量如何?
生成高保真 PDF,完美保留原始网页的布局、字体和图片质量。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/download-webpage-as-pdf/raw/index.md 读取 download-webpage-as-pdf 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/download-webpage-as-pdf/raw/index.md(查看排版版本)