download-webpage-as-pdf
将动态网页完整保存为高保真PDF,保留所有图片和布局。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:download-webpage-as-pdf。 它的用途是:将动态网页完整保存为高保真PDF,保留所有图片和布局。 完整的 Skill 内容见:https://321skill.com/skills/download-webpage-as-pdf-x-3/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我把 https://example.com/article 这个页面保存成PDF,要包含所有图片。',它会调用agent-browser访问该网页,等待所有懒加载图片加载完毕,然后生成一个高保真的PDF文件并返回给你。你也可以指定输出路径和文件名。
介绍
这个Skill解决了在保存网页为PDF时,因图片延迟加载或动态布局导致内容缺失、排版错乱的问题。它通过agent-browser CLI工具,能够模拟真实浏览器环境,完整捕获包括懒加载图片在内的所有页面元素,生成一份与原始网页视觉高度一致的PDF文档。
使用方式非常直接,用户只需提供目标网页的URL,Skill便会启动一个无头浏览器访问该页面,等待所有资源加载完成,然后利用浏览器的打印功能生成高质量的PDF文件。整个过程自动化,无需手动滚动或截图拼接。
它非常适合需要归档网页内容、制作离线参考资料或进行网页设计审查的前端开发者、内容创作者和学术研究者。对于需要将网页作为正式文档提交或分发的场景,此Skill能确保内容的完整性和专业性。
使用建议:对于非常复杂的单页应用或需要登录才能访问的页面,可能需要调整等待时间或配置额外的Cookie信息。生成的PDF文件大小取决于网页的复杂程度,请注意存储空间。
核心特点
核心区别在于能够可靠地捕获并保存懒加载图片,这是许多传统网页转PDF工具(如浏览器自带的打印功能)无法做到的。它通过模拟真实用户交互,确保所有动态内容都已渲染完毕,从而生成真正高保真的PDF副本。
注意事项
不适合需要实时交互或包含大量流媒体、WebGL等非静态内容的网页。
常见问题
能保存需要登录才能查看的网页吗?
需要预先配置好浏览器的Cookie或认证信息,否则无法访问受保护页面。
生成的PDF文件大吗?
文件大小与网页本身包含的图片和资源数量正相关,图片多的网页PDF会较大。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/download-webpage-as-pdf-x-3/raw/index.md 读取 download-webpage-as-pdf 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/download-webpage-as-pdf-x-3/raw/index.md(查看排版版本)