javascript - 自定义 HTML 页面的打印页眉/页脚输出

Question

有没有办法自定义打印在您打印的每个 HTML 页面的页眉和页脚上的文本，其中打印页码、URL、日期等？ (如果您从打印选项中选择打印页眉和页脚)。

在每个打印页面上显示页眉和页脚的其他解决方案(使用 thead/tfoot 和固定定位的 div)在 Chrome 上似乎不起作用。

以下是 google.com 的打印预览中突出显示的打印页眉和页脚:

Answer 1

试试这个:

@media screen {
  .print {
      display: none;
  }
}

@media print {
  .print {
      display: block;
  }
}

并将 .print 类添加到适当的一个或多个元素。