如何在线将 HTML 转换为 PDF
需要将网页或 HTML 文件保存为 PDF?本文将教您如何将 HTML 转换为 PDF,并完整保留布局、链接和样式。
网页会消失。文章会被删除。定价页面会变动。服务条款会在不经意间更新。如果您曾试图找回一个已不存在的页面,您一定体会过那种挫败感。
将 HTML 转换为 PDF 可以将网页或 HTML 文件捕获为永久文档。布局、文本、图像和链接都会保留在一个文件中,您可以离线阅读、共享、打印或永久存档。
为什么要将 HTML 转换为 PDF?
永久存档。 网页内容是暂时的。PDF 是一个冻结的快照,能按原样保存内容。
离线访问。 将文章或食谱转换为 PDF,即可随时随地阅读——无需联网。
专业报告。 许多报告系统生成 HTML 输出。转换为 PDF 可以创建精美且易于分发的文档。
法律文件。 网页的 PDF 版本保留了包含元数据的内容,比截图更适合作为记录。
整洁打印。 浏览器的“打印为 PDF”功能比直接打印网页产生的输出更整洁,尤其是在启用“阅读模式”时。
方法 1:PDFSub(在线)
PDFSub 的 HTML 转 PDF 转换器使用 PDFSub Engine 在服务器端处理您的文件,生成具有完整 CSS 支持的高保真 PDF。
- 前往 PDFSub 的 HTML 转 PDF 转换器
- 上传您的
.html文件 - 文件由 PDFSub Engine 在安全、隔离的环境中处理
- 下载转换后的 PDF
该引擎支持 flexbox、grid、自定义字体和现代 CSS 渲染 HTML。最适合从网站保存的 HTML 文件、应用程序生成的 HTML 报告以及电子邮件模板。
方法 2:浏览器“打印为 PDF”
现代浏览器都可以将网页“打印”为 PDF。
Chrome/Edge: 按下 Ctrl+P(或 Cmd+P),将目标打印机设置为另存为 PDF,调整边距和缩放,点击保存。
Firefox: 按下 Ctrl+P,选择保存为 PDF,点击保存。
Safari: 点击文件 > 导出为 PDF。
专业提示: 打印前使用浏览器的阅读模式。它会去除导航栏、广告和侧边栏,只保留文章内容,从而获得更整洁的 PDF。
方法 3:保存并转换
为了获得更多控制权:
- 将网页保存为 HTML(Ctrl+S,选择网页,全部)
- 将保存的
.html文件上传到 PDFSub 的 HTML 转 PDF 转换器 - 下载 PDF
这允许您在转换前编辑 HTML——删除部分内容、修复布局或添加内容。
保留哪些内容
| 元素 | 是否保留? | 备注 |
|---|---|---|
| 文本内容 | 是 | 完全保留 |
| CSS 样式 | 大部分 | 如果定义了打印样式表,则优先使用 |
| 图像 | 是 | 外部图像在转换期间需要网络访问 |
| 超链接 | 是 | 在 PDF 中可点击 |
| 表格 | 是 | 包括边框和样式 |
| 视频 | 否 | 仅占位符或第一帧 |
| 交互元素 | 否 | 下拉菜单和选项卡被冻结 |
| JavaScript 内容 | 取决于情况 | PDFSub Engine 渲染 JS;浏览器捕获当前状态 |
| 表单 | 已扁平化 | 字段变为静态文本 |
使用场景
存档网页内容。 将文章、文档或研究保存为 PDF。对于学术引用和合规性尤为重要。
保存收据。 在线购买确认和预订收据通常是网页,而不是可下载的 PDF。使用“打印为 PDF”可以捕获它们。
生成报告。 输出 HTML 的业务仪表板和分析工具可以转换为可分发的 PDF 报告。
文档快照。 API 文档和帮助文章会随时间变化。PDF 可以保留您正在使用的版本。
法律证据。 服务条款和定价页面会不经意地更改。带有时间戳的 PDF 提供了已发布内容的证据。
获得更好转换效果的技巧
启用背景图形。 浏览器在打印为 PDF 时默认排除背景颜色。在 Chrome 的打印对话框中,勾选背景图形。
先尝试阅读模式。 转换前去除导航和广告可以生成更整洁的 PDF。
在 HTML 中处理分页。 在 CSS 中使用 page-break-before: always; 或 break-before: page; 来控制分页位置。在表格和图像上使用 page-break-inside: avoid;。
注意响应式布局。 页面会按 PDF 页面的特定宽度进行渲染。您可能会得到移动端布局而非桌面端。如果发生这种情况,请尝试横向定向或更宽的纸张尺寸。
检查输出。 HTML 转 PDF 在处理复杂布局时可能会产生意外结果。分享前务必滚动检查 PDF。
常见问题解答
我可以将实时网页 URL 直接转换为 PDF 吗?
PDFSub 的工具接受 HTML 文件,而不是直接接受 URL。对于实时页面,请使用浏览器的“打印为 PDF”(Ctrl+P > 另存为 PDF)——这实际上是最可靠的方法,因为它会按您所见进行渲染。或者,先将页面保存为 HTML,然后上传到 PDFSub。
转换会保留可点击的链接吗?
是的。PDFSub 和浏览器“打印为 PDF”都会保留超链接功能。外部 URL 保持可点击。内部锚点链接(在同一页面内)在 PDF 中可能无法工作。
为什么我的 PDF 看起来和网页不一样?
常见原因:打印样式表更改了布局、响应式设计在 PDF 页面宽度下渲染不同、默认排除了背景颜色,或者未捕获 JavaScript 加载的内容。请确保页面在转换前已完全加载。
我可以将 HTML 电子邮件转换为 PDF 吗?
是的。将电子邮件保存为 HTML(大多数电子邮件客户端都支持),然后上传到 PDFSub 或在浏览器中打开并使用“打印为 PDF”。HTML 电子邮件使用基于表格的布局,在电子邮件客户端的宽度限制之外可能看起来有所不同。
我可以批量转换多个 HTML 文件吗?
是的。PDFSub 的 批量转换工具 可以一次处理多个 HTML 文件,将每个文件转换为单独的 PDF。
网页内容是暂时的,而 PDF 是永久的。无论您是存档文章、保存收据还是生成报告,将 HTML 转换为 PDF 都能为您提供一份可靠的文档,无论现在还是数年后看起来都一样。