download-webpage-as-pdf

将网页保存为高清PDF,保留布局与懒加载图片

文档写作 内容创作者学术研究者文档工程师 生成PDF文档 通用 ★ 830 更新于 2026-07-31

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:download-webpage-as-pdf。
它的用途是:将网页保存为高清PDF,保留布局与懒加载图片
完整的 Skill 内容见:https://321skill.com/skills/download-webpage-as-pdf-x-2/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

'将当前正在浏览的网页 https://example.com/report 保存为高清PDF,保留所有图片,输出到桌面。' 它会自动调用 agent-browser CLI 启动无头浏览器,加载页面,等待所有懒加载图片出现,然后生成 report.pdf 并保存到指定路径。

介绍

【解决什么问题】在需要永久保存网页内容、离线阅读或分享报告时,浏览器自带的打印功能往往丢失布局、漏掉懒加载图片。本 Skill 通过 agent-browser CLI 驱动真实浏览器,完整捕获网页的原始样式、字体、颜色以及所有图片(包括滚动后才加载的),生成高保真 PDF 文件。

【怎么用】安装后,只需提供目标网页 URL,即可自动完成渲染、等待图片加载、生成 PDF 并保存到本地。支持自定义输出路径、页面大小、边距等参数。整个过程无需手动操作浏览器,适合批量处理或集成到自动化工作流中。

【适合谁】内容创作者需要保存参考资料、学术研究者存档论文网页、文档工程师制作离线文档手册、高校学生整理学习资料,以及任何需要高质量网页快照的用户。

【使用建议】对于需要登录才能访问的页面,建议先通过 agent-browser 注入 cookie 或 session;对于动态加载内容过多的页面,可适当增加等待时间参数。生成的 PDF 文件通常较大,建议定期清理。

核心特点

不同于普通截图工具或浏览器打印,本 Skill 能确保所有懒加载图片在生成 PDF 前被完整加载,并保留原始 CSS 布局,而非简单截取视口区域。

注意事项

不适合需要交互操作(如点击、滚动)的网页,以及需要实时数据刷新或认证会话过期的页面。

常见问题

保存的 PDF 能保留所有图片吗?

能,包括懒加载图片。工具会模拟滚动直到所有图片加载完毕再生成 PDF。

需要安装什么依赖?

需要 Node.js 环境和 agent-browser CLI,安装后即可使用。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/download-webpage-as-pdf-x-2/raw/index.md 读取 download-webpage-as-pdf 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。