CODEWITHSUNDEEP
htmlcssgoogle-chromepdf
d0n.key
d0n.key

Reputation: 1483

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

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.

Upvotes: 33

Views: 21280

Answers (2)

Nolan
Nolan

Reputation: 878

There is an option available in Google Chrome: --no-pdf-header-footer (or --print-to-pdf-no-header for older versions of Chrome).

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

https://developer.chrome.com/docs/chromium/new-headless

Upvotes: 56

Carlos Oliveira
Carlos Oliveira

Reputation: 116

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

Upvotes: 7

Related Questions