f2h2h1's blog
·
把网页导出成PDF
💡
原文中文，约7900字，阅读约需19分钟。
📝
内容提要
本文介绍了几种将网页导出为PDF的方法，包括前端调用浏览器API、使用headless浏览器、使用Playwright等，以及使用工具库将HTML生成PDF的方法。文章还提到了导出PDF的最佳实践，如项目开始时考虑需求、适应打印样式等。最后给出了示例代码和使用Chrome命令行参数生成PDF的方法。
🎯
关键要点
- 将网页导出为PDF的本质是将HTML代码转换为PDF。
- 生成PDF的方法包括前端调用浏览器API、使用headless浏览器和工具库。
- 前端生成PDF可以直接调用print事件或使用隐藏的iframe标签。
- 后台生成PDF可以使用命令行或工具如Playwright，但会占用服务器资源。
- 使用html2canvas和jsPDF可以将网页转换为图片再生成PDF，但存在分页问题。
- 在项目开始时考虑导出PDF的需求，适应打印样式是最佳实践。
- 直接使用当前HTML代码生成PDF可能导致样式混乱，建议单独写打印样式的HTML代码。
- 使用window.print事件生成PDF的示例代码提供了具体实现方式。
- Chrome命令行参数可以用于生成PDF，支持无头模式和其他选项。
- Playwright可以用于生成PDF，但Opera浏览器的保存为PDF功能更完整。
- Adobe Acrobat的浏览器扩展可以生成PDF，但需要安装Adobe Acrobat。
➡️
