导出pdf Puppeteer 和 wkhtmltopdf区别

您可以使用第三方的 PDF 生成库来将动态页面导出为 PDF 文件。目前比较常见的是使用 Headless Chrome 或 Puppeteer 这类工具将页面转换为 PDF 文件，具体步骤如下：

1. 安装 Headless Chrome 或 Puppeteer。

2. 使用框架调用后端接口获取数据，渲染出动态页面。

3. 使用 Headless Chrome/Puppeteer 在后台渲染该动态页面，并将其保存为 PDF 文件。

使用 Headless Chrome/Puppeteer 的好处是可以保留页面的动态效果，并且可以通过 API 调用来自动化地生成 PDF 文件。另外，通过优化 PDF 导出设置，可以实现更快的生成速度和更小的文件大小。

以下是一个使用 Puppeteer 来生成 PDF 文件的示例代码：

const puppeteer = require('puppeteer');async function exportPdf(url, outputFile) {const browser = await puppeteer.launch(); // 打开 Headless Chrome 浏览器const page = await browser.newPage(); // 使用 Puppeteer 打开指定的页面await page.goto(url, {waitUntil: 'networkidle2'});// 设置导出 PDF 的页边距、页码、水印等属性await page.pdf({path: outputFile,format: 'A4',margin: {top: '1cm', bottom: '1cm', left: '1cm', right: '1cm'},displayHeaderFooter: true,headerTemplate: '<span></span>',footerTemplate: '<span></span>',printBackground: true,preferCSSPageSize: true,});await browser.close(); // 关闭浏览器
}// 使用示例：导出百度首页为 PDF 文件
exportPdf('https://www.baidu.com', 'baidu.pdf').then(() => console.log('PDF 文件已生成')).catch((err) => console.error('PDF 文件导出失败：', err));

上述代码中，我们使用 Puppeteer 打开了百度首页，并设置了导出 PDF 文件的页边距、页码、水印等属性，最后将其保存为 baidu.pdf 文件。需要注意的是，由于 Puppeteer 在后台模拟浏览器操作，因此在生成 PDF 文件时可能会占用较大的 CPU 和内存资源，需要考虑系统的性能和容量限制。

Puppeteer 和 wkhtmltopdf 都可用于将 HTML 页面转换为 PDF 文件的工具，二者有以下区别：

1. 技术实现方式：Puppeteer 基于 Chrome/Chromium 的 Headless 模式实现，而 wkhtmltopdf 采用 WebKit 渲染引擎实现。

2. 文字渲染效果：Puppeteer 的字体渲染效果比 wkhtmltopdf 更好，字体更加清晰且渲染速度更快。

3. 性能：Puppeteer 加载页面的性能相对较低，但是由于采用 Chrome/Chromium 的 Headless 模式，因此可以准确地模拟浏览器操作（如点击事件、滚动操作等），比 wkhtmltopdf 能够更好地处理 JavaScript 和复杂的 CSS。

4. 安装和使用的难易程度：由于 Puppeteer 是基于 Node.js 的框架，因此安装和使用相对来说更加简便，而 wkhtmltopdf 需要安装并配置运行环境。

综上所述，如果您需要对动态页面进行较为精细的设置和交互操作（如填写表单、选择下拉框等），那么建议使用 Puppeteer ；如果您仅仅是需要将 HTML 页面转换为 PDF 文件，并且不需要复杂的排版和样式设置，那么使用 wkhtmltopdf 可能会更加简单和高效。