最简单的方法是使用浏览器打印功能将HTML转为PDF。打开页面后按Ctrl+P，在打印机选项中选择“另存为PDF”并保存即可。此方法无需额外工具，适合静态页面转换，但对复杂样式支持有限。
在网页开发或日常办公中，经常需要将HTML内容快速转换为PDF文件。实现这一目标不需要复杂的编程，借助现有的在线工具和少量代码即可完成。以下是几种实用的HTML在线生成PDF的方法与常用转换工具的使用说明。
使用浏览器打印功能导出PDF
最简单的方式是利用现代浏览器自带的打印功能，将HTML页面直接保存为PDF。
- 打开需要转换的HTML页面
- 按下 Ctrl + P（Windows）或 Cmd + P（Mac）调出打印窗口
- 在打印机选项中选择“另存为PDF”或“Microsoft Print to PDF”
- 点击“保存”，选择存储位置即可生成PDF文件
这种方法无需第三方工具，适合静态页面或临时转换，但对复杂样式支持有限。
使用在线HTML转PDF工具
网络上有许多免费且易用的在线转换服务，可将HTML代码或网页链接转为PDF。
立即学习“前端免费学习笔记（深入）”；
推荐几个常用工具：
- Smallpdf：支持上传HTML文件或将网址粘贴转换，界面简洁，输出质量高
- ILovePDF HTML to PDF：免费使用，支持批量转换，兼容表格、图片等元素
- PDFShift：基于Headless Chrome，适合开发者，提供API接口
使用步骤通常为：粘贴HTML代码或输入URL → 点击“转换” → 下载生成的PDF文件。
通过JavaScript在前端生成PDF
如果希望在网页中集成转换功能，可以使用如 html2pdf.js 这类轻量级库。
示例代码：
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<div id="content">
<h1>我的PDF内容</h1>
<p>这是一段测试文字。</p>
</div>
<button onclick="generatePDF()">生成PDF</button>
<script>
function generatePDF() {
const element = document.getElementById('content');
html2pdf().from(element).save();
}
</script>
该方法适合需要用户交互的场景，比如导出简历、报告等。
使用后端服务进行稳定转换
对于企业级应用，建议使用服务器端方案以确保安全和稳定性。
- Puppeteer（Node.js）：控制无头Chrome自动生成PDF
- WeasyPrint（Python）：将HTML+CSS渲染为PDF，适合Linux环境
- wkhtmltopdf：命令行工具，支持多种操作系统，集成方便
这些工具适合自动化流程，例如每日报表生成、发票导出等。
基本上就这些常见方法。根据实际需求选择合适的方式，个人使用可优先考虑在线工具，开发项目则推荐集成JS库或后端服务。操作不复杂，但容易忽略样式兼容性和字体嵌入问题，转换前建议预览效果。
