如何将 HTML 转换为 PDF
三个步骤。全部在你的浏览器中完成。
选择一种模式
粘贴纯 HTML,或输入一个浏览器能够获取的 URL。
选择页面选项
页面大小、正文字号和页边距。
创建并下载
PDF 由 pdf-lib 在本地构建,并以下载形式提供。
什么是“HTML 转 PDF”?
将 HTML 转换为 PDF,意味着把一个网页(或任何一段 HTML)转化为一份可移 植、固定版式的 PDF,让它在所有设备上以相同的方式打印、打开和归档。人们 通常会为文章、内部文档、导出的笔记,或一张需要与其他 PDF 一同归档的注册 页面截图而需要这一功能。
imisspdf 的 HTML 转 PDF 是为常见场景而设计的:包含标题、段落、列表、引 用、代码和链接的干净内容。它不是 Chromium 风格的渲染器,也不会尝试逐像 素地复现 CSS 布局——要做到那一点,你浏览器内置的“另存为 PDF”仍然是最佳 工具。它为你提供的,是一个在浏览器中运行、可自动化、便于粘贴的转换器, 让你无需离开标签页就能处理任意一段 HTML。
HTML 转 PDF 在你的浏览器中如何工作
当你粘贴 HTML 时,该工具会在本地把它解析为一系列内容块(标题、段落、列 表等)和行内片段(加粗、斜体、链接)。每个内容块都会用 pdf-lib 以标准的 Helvetica / Courier 字体排版成 PDF 页面。随着内容溢出,新的页 面会被创建。
对于 URL 模式,你的浏览器会向目标站点发出一个普通的 HTTP 请求,与你的地 址栏所发出的请求完全相同。如果该站点允许 CORS,页面的 HTML 会在你的标签 页中被读取并在本地渲染。如果不允许,你会收到一个清晰的错误提示,可以手 动粘贴源代码。关于你的 URL 及其内容的任何信息都不会传达给 imisspdf。
常见使用场景
- 归档一篇文章。粘贴文章的 HTML,并把 PDF 保存为长期参考。
- 从笔记应用导出内容。Notion、Obsidian 或 markdown 转换器都会生成 HTML:粘贴它,无需离开浏览器即可获得 PDF。
- 分享一份报告。在你的应用中生成 HTML 报告,当收件人需要 PDF 时,把它交给此工具处理。
- 打印 FAQ 片段。一份有序的常见问题列表会变成一页 PDF,你可以把它附加到工单中。
- 归档一封交易类邮件。把收据或确认函的 HTML 保存为 PDF,用于会计记录。
隐私与安全
基于服务器的 HTML 转 PDF 工具必须把你的 HTML(或 URL 加上会话 cookie) 发送到运行在它们云端的某个 Chromium 实例。这能用,但会把你的内容交到第 三方手中。imisspdf 的转换器会用 pdf-lib 在你的浏览器中解析并渲染一切。唯 一发生的网络调用,是你在 URL 模式中显式触发的获取,它直接从你的浏览器发 往目标站点,而不经过我们。
常见问题
标题(h1–h6)、段落、列表(ul/ol)、引用块、预格式化代码块、水平分隔线,以及行内的加粗、斜体、代码和链接。渲染器有意保持简单,因此从 Notion 页面、Google 文档导出或博客文章粘贴过来的内容,都能转换为干净、无意外的 PDF。
不支持 CSS 布局——float、grid 和 flex 都会被忽略。不支持表格(行会被展平为文本)。不支持嵌入的图像。不支持网页字体——PDF 使用标准的 Helvetica / Courier 字体集。如果你需要像素级一致的 Chromium 风格渲染,请改为对页面截图并使用 JPG 转 PDF。
可以——该工具会直接从你的浏览器获取 HTML,对于 CORS 策略允许的网站这是可行的。许多大型网站并不允许。如果获取被阻止,你会收到清晰的错误提示。作为替代方案,请手动复制页面 HTML(右键 → 查看源代码 → 复制),然后粘贴到文本框中。
粘贴的内容是私密的——HTML 绝不会离开你的浏览器。对于 URL,你的浏览器会直接从其服务器获取页面,就如同你访问它一样;imisspdf 永远看不到该 URL 或其内容。PDF 的组装在你的标签页中本地完成。
浏览器的“另存为 PDF”使用 Chromium 完整的渲染引擎——非常适合像素级保真,但你必须逐页打印,而且无法用脚本自动化。imisspdf 的 HTML 转 PDF 更简单,但允许你粘贴任意 HTML 片段、自动化转换流程并离线运行。请根据具体需求选择合适的方式。
获得最佳效果的技巧
- 粘贴正文,而非整个页面。如果你想要更紧凑的 PDF,请去掉导航、侧边栏和页脚。
- 使用语义化标签。用 h2 表示副标题,p 表示段落,ul/ol 表示列表。渲染器遵循的是标签,而非 class。
- 如果 CORS 阻止了某个 URL,请查看源代码并粘贴。大多数现代网站会发送跨域头来阻止直接获取;手动复制 HTML 是可靠的替代方案。
- 若需像素级保真的结果,请使用浏览器的“另存为 PDF”。然后再用本站的其他工具处理该结果。