Disable Chrome's default headers & footers in headless print-to-pdf

Question

I got a multipage HTML document, which I want to export to PDF using headless Google Chrome / Chromium from the command line: chrome --headless --print-to-pdf [...]. The issue with this is, that Chrome adds auto-generated headers and footers to the page when "printing". Others have suggested using @page {margin: 0} in my CSS, but as some others also stated, that only works for a few pages for some magic reason, hence there's a footer on the last page of my example.

I am aware of an NPM package that supports export without headers, but that export takes around 30% more time than headless Chrome itself and would require installing and setting up NPM and the package on my company's servers.

If anyone knows any way to hide Google Chrome's default headers / footers on headless PDF-export by CSS or some setting, please let me know.

---

By the way, since I did not figure out another solution, I went with the NPM package instead. It's been working very well and reliably so far, it just took about 30% more time in my tests, so keep that in mind.

Solution 1

There is an option available in latest Google Chrome Canary builds for this. Use the --print-to-pdf-no-header option.

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

ref: source code

Solution 2

Maybe this thread could help you. basically you need to add CSS bellow

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

and the "--no-margins" parameter