打印页面

print-js库可以通过设置style参数来指定打印时的样式。我们可以通过设置一个@page媒体查询,来控制是否打印页眉和页脚。

例如,我们可以在样式中添加以下代码:

@media print {
  /* 不打印页眉和页脚 */
  @page {
    margin-top: 0;
    margin-bottom: 0;
  }
}

然后在调用printJS函数时,将上述样式作为style参数传递进去即可,例如:

printJS({
  printable: 'print-content',
  type: 'html',
  style: `
    @media print {
      @page {
        margin-top: 0;
        margin-bottom: 0;
      }
    }
  `
});

上述代码中,我们将@page查询的样式作为style参数传递给了printJS函数,这样在打印时就会自动隐藏页眉和页脚了。

Last updated

Was this helpful?