Chrome 无头打印到 PDF 中的其他选项

Question

我再需要一次帮助。我正在尝试使用 chrome 的无头功能将页面打印为 pdf。但是，pdf 中存在页眉和页脚。我发现这个选项已经在 Devtools 中实现了。

https://chromedevtools.github.io/devtools-protocol/tot/Page/#method-printToPDF

但是，我找不到如何在 CLI 中使用这些选项。也可以从 selenium 调用 Devtools 吗？

此外，我如何在开发工具中调用 Page.PrintToPDF。我试图在控制台中运行该命令。它显示页面未定义。

Answer 1

将此 CSS 添加到您创建的 PDF 页面中，以删除 Chrome Headless 实现的页眉和页脚。

CSS：

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

你应该像下面这样格式化你的命令来创建 PDF：

"C:\PATH\TO\CHROME\EXECUTABLE\FILE", "--headless","--disable-gpu","--print-to-pdf=" + directory path to where you want the file to go followed by the desired file name/fileName.pdf,"--no-margins", "the path to the file you want turned into a pdf"

示例 1：

C:\chrome-win/chrome --headless --disable-gpu --print-to-pdf=C:\user\fileName.pdf --no-margins C:\Projects\index.html

示例 2：

您还可以通过在命令行中导航到包含 Chrome 可执行文件的文件夹并运行以下命令来测试此功能：

chrome --headless --disable-gpu --print-to-pdf https://www.chromestatus.com/

Answer 2

"/path/to/google-chrome" : 这是谷歌浏览器的路径。

'--headless' : 在没有完整浏览器 UI 的无头环境中的 Chrome 浏览器

'--run-all-compositor-stages-before-draw' : 防止在所有数据呈现之前创建 Pdf（在呈现所有数据之后将创建 pdf）。

'--virtual-time-budget = x: 它延迟了PDF的创建过程，这里x是毫秒。

'--print-to-pdf' ：此标志创建给定 URL 的 pdf。

URL：网页的url。

PDF 页面格式（使用 CSS） 添加这个（到css文件）：

 @media print {
            @page { margin: 0mm 0mm 0mm 0mm;
            size:8in 9.5in;
            }
            }

以上 CSS 代码对网页渲染没有影响，但仅对 PDF 中的页面格式有影响。

Answer 3

是的，如果您想以 pdf 格式下载网页，则需要添加此媒体查询。 参考 媒体打印 CSS https://developer.mozilla.org/en-US/docs/Web/CSS/@media

页面 CSS https://developer.mozilla.org/en-US/docs/Web/CSS/@page