如何制作网页的PDF - JavaScript

如果你想在网页上提供一个 PDF 文件来让用户下载或打印，您可以通过使用 JavaScript 将你的网页内容转换为 PDF，而无需使用任何第三方工具。

使用 jsPDF

jsPDF 是一个流行的开源 JavaScript 库，它提供了将 HTML 元素或整个网页转换为 PDF 的功能。以下是使用 jsPDF 将当前网页转换为 PDF 的示例代码：

// 将整个网页转换为 PDF
const doc = new jsPDF();
doc.html(document.body, {
  callback: function () {
    doc.save("document.pdf");
  },
});

// 将指定元素转换为 PDF
const element = document.getElementById("element-id");
const doc = new jsPDF();
doc.html(element, {
  callback: function () {
    doc.save("element.pdf");
  },
});

使用 html2pdf

html2pdf 是另一个常用的 JavaScript 库，它提供了将 HTML 元素或整个网页转换为 PDF 的功能。以下是使用 html2pdf 将当前网页转换为 PDF 的示例代码：

// 将整个网页转换为 PDF
html2pdf().from(document.body).save();

// 将指定元素转换为 PDF
const element = document.getElementById("element-id");
html2pdf().from(element).save();

结论

使用 JavaScript 将网页转换为 PDF 可以为用户提供一个便捷的方式来下载或打印您的网页内容。 jsPDF 和 html2pdf 是两个很棒的选项。您可以根据您的需要选择其中一个并使用上述示例代码来进行转换。