Remove url from Chrome print PDF across all pages

Question

I want to remove the Chrome inserted headers and footers (url, page number) on a printed page.

The below removes the header and footer ONLY on the first page; if the content flows over to a second page, the headers and footers both reappear.

@page {
  size: auto;
  margin-top: 0cm;
  margin-bottom: 0cm;
}

Is there any way to remove the printed page header/footer on all printed pages, without manually adjust the system dialog option "Removes headers/footers"?

https://stackoverflow.com/questions/8228088/remove-header-and-footer-from-window-print — weegee, Jun 03 '19 at 07:34

score 1 · Accepted Answer · answered Jun 03 '19 at 10:35

1

Chrome does not support removing the print header and footer programmatically. Period. Try to think of it more as them giving the option to the user to add the header and footer rather than it being a part of your page which you have control over.

answered Jun 03 '19 at 10:35

Xweque

605
1
9
29

Shame. Thanks for that. – Modermo Jun 06 '19 at 02:44

score 0 · Answer 2 · answered Jun 03 '19 at 07:33

0

you could add a class, which hides theses elements on the page.

Use CSS property display

display: none

If you add the media query print, this will only take affect, in that case.

@media print {
    ...
}

answered Jun 03 '19 at 07:33

AO19

918
3
12
26

I actually meant the Chrome inserted url and page count at the start and end of each page. Just updated my question. – Modermo Jun 03 '19 at 07:35

Remove url from Chrome print PDF across all pages

2 Answers2