Javascript 使用print.css样式表删除打印时显示的元素 问题

我目前正在使用样式表

print.css

来删除元素和一些样式来创建一个打印机友好的页面，但我似乎无法删除出现在页面角落但不在HTML中的四个内容：

分页

，

打印日期

，

页面标题

，

页面URL

可能的解决方案？

---

我在《洛杉矶时报》上看到过这个例子，它显示了不在HTML中的元素，但通常在删除打印时出现：

这是一些特定于浏览器的打印信息。您无法更改，用户必须正确设置其打印属性

另见：

---

编辑：这碰巧是可行的，但我不知道怎么做。

StackOverflow上有很多关于这个主题的帖子：

与“打印介质”属性结合使用时，它似乎可以正常工作：

@media print {
    @page { margin: 0; }
  }

然而，它似乎只适用于Chrome（目前）。不过，Firefox也不得不这么做。在其他地方，有人建议动态创建PDF，或者使用JavaScript至少将页面标题设置为空字符串

此外，我还想问，为什么要隐藏用户通常用来控制的东西

不过，为了回答您的问题，《洛杉矶时报》使用了bootstrap，它将页面边距设置如下：

...@page{margin:.5cm}...

---

我最近看到了这一点，他们的印刷版似乎没有这些东西，想知道他们是怎么做到的：哇，你说得对！我不知道他们是怎么做到的。

@media print{@page{margin:0；}body{margin:1.6cm；}}

这种方法的问题是（显然）最终所有内容都正好靠在页面边缘。穆罕默德的加入阻止了这种情况的发生，但代价是任何后续页面的内容和页面顶部之间都没有空白。将页面边距设置为.5cm是迄今为止我找到的最好的解决方案，但在我测试过的浏览器中，它只能在Chrome中正常工作。