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/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

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

使用示例

‘帮我把这篇技术博客文章保存成PDF,包括所有的代码示例和评论区。’,它会调用agent-browser工具,访问你提供的URL,等待页面完全加载(包括所有懒加载的图片和动态渲染的评论),然后将整个页面渲染并保存为一个布局精准、图片齐全的PDF文件,方便你离线阅读或分享。

介绍

这个Skill解决了在保存网页为PDF时,因图片懒加载、动态渲染或复杂布局导致内容缺失、格式错乱的问题。它通过agent-browser CLI工具,能够模拟真实浏览器环境,完整抓取并渲染网页,包括所有懒加载的图片和复杂的CSS样式,最终生成一个高保真度的PDF文件,完美保留原网页的视觉呈现。

使用方式非常直接:在支持agent-browser的环境中,通过简单的命令行指令,指定目标网页URL,即可启动一个无头浏览器进行页面渲染,并将渲染结果直接输出为PDF文件。整个过程自动化,无需手动滚动或截图拼接。

该Skill非常适合需要存档网页内容、制作离线参考资料、进行网页设计审查或内容分析的用户。例如,内容创作者需要保存完整的文章页面(包括评论区),学术研究者需要归档参考文献网页,电商运营需要备份商品详情页以供分析。

使用建议:由于需要完整渲染页面,对于非常长的页面或包含大量媒体资源的页面,生成PDF可能需要较长时间和更多计算资源。建议在网络稳定的环境下使用,并注意目标网站是否有反爬虫机制。对于需要登录才能访问的页面,可能需要额外的认证配置。

核心特点

与普通网页打印或截图工具相比,它能确保捕获所有懒加载图片和动态内容,生成真正所见即所得的PDF;与一些在线转换服务相比,它是本地命令行工具,无需上传数据到第三方,保护了隐私和内容安全。

注意事项

不适合需要实时交互或包含大量视频/复杂WebGL内容的网页转换。

常见问题

能保存需要登录才能查看的网页吗?

可以,但需要在命令中配置相应的认证信息或Cookie。

生成的PDF文件大吗?

文件大小取决于原网页的图片数量和分辨率,通常比普通打印PDF大,但保真度高。

给 AI 助手的安装指引

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

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