从打印页面禁用浏览器特定的页眉和页脚

Posted 2023-03-06

【中文标题】从打印页面禁用浏览器特定的页眉和页脚

【英文标题】：Disable browser specific header and footer from Print Page

【发布时间】：2018-03-31 04:23:14

【问题描述】：

我正在使用 javascript 打印网页，但我的页眉和页脚包含页面标题、文件路径、页码和日期。如何删除它们？

我发现了与此问题相关的类似问题，如下所示

Remove header and footer from window.print()

但是每个解决方案都说要在@page 中设置margin:0

我试过了

@page 
    size: A4 landscape;
    margin: 0;


body 
    margin: 30pt;

它在我打印页面的第一页上运行良好。从第二页开始，页边距变为零。

我也尝试过moznomarginboxes，但现在已弃用。

【参考方案1】：

这会删除不需要的数据：

html, body 
  width: 210mm;
  height: 297mm;
  margin: 0 auto;


@page 
  size: auto;
  margin: 0;

如果您决定使用 margin 和 font-size，很可能需要对其进行调整。

【讨论】：

我希望它能工作，但在 Edge 或 Chrome 上都没有。