在使用浏览器打印时，如何修改浏览器添加标头和页脚

Question

我希望知道是否可以（在任何浏览器中）在打印时修改浏览器添加的标头和页脚。我知道您可以通过调整@page边距来防止出现。但是我希望能够更改标头和页脚的文字。

最重要的是能够将字符串从类似的基于Web技术的JavaScript传递到浏览器（或浏览器的扩展程序），该浏览器将调整标头和页脚的值。

我知道Firefox允许将自定义文本添加为标头和页脚，但是如果有使用JS或类似字符串的扩展名。

Answer 1

您可以使用print媒体样式表。将所有您想应用于打印配置文件的规则以：

@media print {
   .header, .footer {
       display:none;
   }
}

摘要

body {
  font-family:"Open Sans", sans-serif;
}
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
.header, .footer {
   display:table;
   width:100%;
   background:#333;
   color:#fff;
   text-align:center;
   text-transform:uppercase;
   padding:10px;
}
.main {
   padding:10px;
   min-height:100px;
}
@media print {
   .header, .footer {
      display:none;
   }
}

<header class="header">Header</header>
<main class="main">
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed ornare sapien. Proin non pulvinar purus. Suspendisse non nulla eu est viverra dapibus at nec turpis. Maecenas vel ultrices massa. Vestibulum mauris felis, aliquam in tincidunt vel, laoreet eu arcu. Cras commodo non metus a scelerisque. Praesent rutrum at ipsum at mollis. Nullam interdum nulla ex, id malesuada nisl eleifend eget. Donec enim justo, sollicitudin quis varius sit amet, consequat in nisl.</p>
</main>
<footer class="footer">Footer</footer>