利用 Puppeteer 将 HTML 转换成 PDF 或图像：揭示其惊人的可能性

2023-11-17 18:48:06

在当今快节奏的数字世界中，能够将 HTML 内容快速而有效地转换为 PDF 或图像已成为一项必不可少的技能。使用 Puppeteer，一个由 Google 开发的强大 Node.js 库，这一过程变得轻松快捷。

什么是 Puppeteer？

Puppeteer 是一个基于 Chrome DevTools 协议的 Node.js 库。它本质上是 Chrome 浏览器的无头版本，允许您通过 JavaScript 代码控制它。借助 Puppeteer，您可以自动化各种任务，包括 web 抓取、页面测试和 PDF/图像生成。

将 HTML 转换为 PDF

使用 Puppeteer 将 HTML 转换为 PDF 非常简单。以下是如何做到的：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.setContent(`<h1>Hello, Puppeteer!</h1>`);
  const pdfBuffer = await page.pdf({
    format: 'A4',
    margin: {
      top: '20px',
      right: '20px',
      bottom: '20px',
      left: '20px'
    }
  });
  await browser.close();
})();

这段代码首先启动一个无头 Chrome 浏览器实例。然后，它创建一个新页面并设置其内容。接下来，它将页面的 HTML 导出为 PDF，您可以将其保存在文件中或直接发送到打印机。

将 HTML 转换为图像

将 HTML 转换为图像的过程与转换为 PDF 类似：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.setContent(`<h1>Hello, Puppeteer!</h1>`);
  const screenshotBuffer = await page.screenshot({
    type: 'png',
    fullPage: true
  });
  await browser.close();
})();