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

18
votes

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.

2
htmlcssgoogle-chromepdf
I've been scouring the internet an answer to this question too. Google built a Node.js solution called Puppeteer which allows you to pass options to create custom headers/footers or to disable them entirely. CLI is simply not supported, so there's no way to remove this useless debug information. I wish they would have just disabled this garbage by default, it causes so much extra work and magical code just to remove this anti-feature. – G_V

2 Answers

23
votes

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

1
votes

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