HTML转PDF有四种主流方案：一、浏览器内置打印功能，操作简单且样式保留好；二、wkhtmltopdf命令行工具，适合批量与服务端自动化；三、jsPDF+html2canvas前端生成，适用于交互式单页应用；四、Node.js+Puppeteer服务端渲染，支持高保真与复杂动态内容。
如果您希望将HTML页面转换为PDF格式以便打印或存档，则可能是由于需要保留网页布局、字体样式或实现跨平台文档共享。以下是实现此目标的多种技术方案：
一、使用浏览器内置打印功能导出PDF
现代主流浏览器（Chrome、Edge、Firefox）均提供“另存为PDF”选项，该方式无需额外工具，直接调用浏览器渲染引擎生成PDF，能较好保留CSS样式与页面结构。
1、在浏览器中打开目标HTML文件或网页。
2、按下 Ctrl+P（Windows/Linux）或 Cmd+P（macOS） 打开打印对话框。
立即学习“前端免费学习笔记（深入）”；
3、在目标打印机选项中选择 “保存为PDF”或“Microsoft Print to PDF”等虚拟PDF打印机。
4、点击“保存”，指定文件名与路径，完成导出。
二、利用命令行工具wkhtmltopdf生成PDF
wkhtmltopdf 是基于WebKit的开源命令行工具，支持HTML到PDF的无头转换，适用于批量处理、服务端集成及自动化场景，可精确控制页边距、页眉页脚与分页行为。
1、从官网 wkhtmltopdf.org 下载并安装对应操作系统的二进制包。
2、确保系统环境变量已包含其安装路径，或在终端中进入安装目录执行命令。
3、运行指令：wkhtmltopdf input.html output.pdf。
4、如需添加页眉，可追加参数：--header-html header.html；设置A4纸张使用 --page-size A4。
三、通过JavaScript库（如jsPDF + html2canvas）前端生成PDF
该方案在用户浏览器中完成HTML转PDF，适合单页应用或需动态生成报告的交互式页面，不依赖后端服务，但对复杂CSS布局（如Flex/Grid、position:fixed）支持有限，需配合截图逻辑。
1、在HTML中引入 html2canvas@2.4.1 与 jsPDF@2.5.1 的CDN链接。
2、编写脚本：先用 html2canvas(document.body) 截取页面可视区域为Canvas图像。
3、创建jsPDF实例，调用 addImage() 方法插入图像，并执行 save("export.pdf")。
4、若页面内容超出一屏，需结合 scrollHeight 与分段截取逻辑实现长页拼接。
四、采用服务端渲染方案（Node.js + Puppeteer）
Puppeteer 是Chrome官方提供的Node.js库，可启动无头浏览器实例，精准渲染HTML并导出PDF，支持等待网络资源加载、执行JavaScript、注入自定义CSS，适用于高保真、高可靠性输出需求。
1、初始化项目并安装依赖：npm install puppeteer。
2、创建脚本文件，引入puppeteer并启动浏览器：const browser = await puppeteer.launch({ headless: true });。
3、新建页面，加载HTML源码或本地文件：await page.goto('file:///path/to/index.html');。
4、调用 page.pdf() 并传入配置项，例如 { format: 'A4', printBackground: true }，写入文件流。
