html - 在 headless print-to-pdf 中禁用 Chrome 的默认页眉和页脚

标签 html css google-chrome pdf

我有一个多页 HTML 文档,我想使用 headless Google Chrome/Chromium 从命令行将其导出为 PDF:chrome --headless --print-to-pdf [...]。问题在于,Chrome 在“打印”时会向页面添加自动生成的页眉和页脚。其他人建议在我的 CSS 中使用 @page {margin: 0},但正如其他一些人所说,出于某种神奇的原因,这只适用于几页,因此在最后一页有一个页脚我的例子。

我知道一个 NPM package支持不带 header 的导出,但导出比无 header Chrome 本身多花费大约 30% 的时间,并且需要在我公司的服务器上安装和设置 NPM 和包。

如果有人知道如何通过 CSS 或某些设置在 headless PDF 导出时隐藏 Google Chrome 浏览器的默认页眉/页脚,请告诉我。


顺便说一句,因为我没有想出另一个解决方案,所以我选择了 NPM package反而。到目前为止,它一直运行良好且可靠,只是在我的测试中多花费了大约 30% 的时间,所以请记住这一点。

最佳答案

最新的 Google Chrome Canary 版本中有一个选项可用于此目的。使用 --print-to-pdf-no-header 选项。

canary \
  --headless \
  --disable-gpu \
  --run-all-compositor-stages-before-draw \
  --print-to-pdf-no-header \
  --print-to-pdf=example.pdf \
  http://example.com

引用:source code

关于html - 在 headless print-to-pdf 中禁用 Chrome 的默认页眉和页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55418415/

相关文章:

php - 如何在 php 和 css 中获取表格的宽度

html - Bootstrap 全宽设计

html - CSS - 布局顺序和每行的列数是否可以响应?

php - 需要 Google Chrome 扩展程序中网站的文本

javascript - 对空值和数字进行排序以模仿 tabindex HTML 属性功能

html - 是否有针对程序员的HTML教程?

java - 如何在网站上放置 Spring 应用程序?

javascript - Chrome 扩展程序 : CSS Injection on Manifest Version 3

jquery - 如何使用 jQuery 将同一类的不同 div 的 div 值相加?

javascript - 滚动条向上按钮事件