如何通过JS或CSS激活打印窗口的页眉页脚勾选状态？

你没法通过CSS（包括@page规则）控制浏览器打印窗口里的“显示页眉和页脚”复选框默认勾选状态。

这个选项属于浏览器原生的打印设置，是用户代理层面的功能，CSS只能控制网页内容的呈现样式，没有权限干预浏览器的UI控件状态。不同浏览器的打印界面都是各自独立实现的，目前也没有Web标准允许网页代码修改这类原生设置。

如果需要自定义页眉页脚内容，倒是可以用@page结合伪元素来实现，比如：

@page {
  /* 自定义顶部居中页眉 */
  @top-center {
    content: "我的文档页眉";
    font-size: 12px;
    color: #666;
  }
  /* 自定义右下角页码 */
  @bottom-right {
    content: "第 " counter(page) " 页 / 共 " counter(pages) " 页";
  }
}

这种自定义的页眉页脚会在打印时生效，不过要注意调整@page的边距，避免和浏览器自带的页眉页脚（如果用户勾选了）重叠。

内容的提问来源于stack exchange，提问作者Henrique Dias