🖨️

HTML 转 PDF

渲染 HTML 并调用浏览器打印生成 PDF,保真度高,支持纸张方向与页边距设置
本地渲染 📂 文件 👤 ToolWorld 🏷️ v1.3.0
HTML 代码 粘贴或上传 HTML,右侧即时渲染
把 .html 文件拖到这里,或点击选择文件

PDF 由浏览器打印功能生成,保真度最高;请在打印对话框中选择"另存为 PDF"

页面预览

粘贴 HTML 并点【渲染预览】后显示

使用说明

📖 工具介绍


写好一份 HTML 报表、说明页或者打印模板,想变成 PDF 发给别人,通常要么装插件要么买工具。这个工具把 HTML 直接渲染出来给你看,设置好纸张、方向和页边距,然后调用浏览器自己的打印功能生成 PDF,样式保真度比任何转换库都高,也不用装任何东西。

适合把导出系统生成的 HTML 报表变成可归档的 PDF、给客户发一份排版好的说明、或者把网页内容整理成纸质材料。整个渲染过程在本机完成。

✨ 功能特点

  • 即时渲染:粘贴或上传 HTML,右侧立刻看到真实效果。
  • 浏览器打印出 PDF:保真度最高,字体、颜色、分页都和预览一致。
  • 纸张与方向:A4 或 Letter,纵向或横向可选。
  • 四档页边距:无、窄、默认、宽,按需要调整留白。
  • 打印选项:可保留背景色、打印链接地址、每页顶部显示标题。
  • 内容统计:代码长度、元素数、图片与表格数量一目了然。
  • 源码可带走:随时下载 HTML 或复制代码。

🚀 使用方式

  1. 把 HTML 代码粘贴到左侧输入框,或点【上传 HTML】选择文件。
  2. 点【渲染预览】,右侧显示页面的真实效果。
  3. 选择纸张大小、方向和页边距。
  4. 勾选需要的打印选项:保留背景色、打印链接地址、显示页眉标题。
  5. 点【生成 PDF(打印)】,在浏览器打印对话框里选择"另存为 PDF"。
  6. 需要保留源码时,点【下载 HTML】或【复制代码】。

⚠️ 注意事项

  • PDF 走浏览器打印这是保真度最高的做法,但需要在弹出的对话框里手动选"另存为 PDF",手机上可能不支持。
  • 外部资源可能加载失败引用了别的网站的图片或字体时,受跨域限制可能显示不出来。
  • 脚本不会执行预览区出于安全考虑不执行 JavaScript,只渲染静态结构与样式。
  • 超长内容注意分页打印时分页由浏览器决定,重要位置可用 CSS 分页属性控制。
  • 内容只在本机HTML 不会上传服务器,刷新页面后需要重新输入。

相关推荐

⏫︎
💬