Question

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

最重要的是能够将类似基于Web的技术的Javascript中的字符串传递给浏览器（或浏览器的扩展名），这将调整页眉和页脚的值。

我知道firefox允许自定义文本作为页眉和页脚添加，但是如果有扩展名使用JS或类似的方式传递字符串。

Answer 1

您可以使用print media style sheets。将要应用于打印配置文件的所有规则放在如下的包装中：

@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>

如何使用浏览器打印时修改浏览器添加的页眉和页脚

1 个答案: