使用window.print（）生成报告

Question

我的页面上有一个打印按钮，它将运行window.print（），它只是打印页面。有没有办法在单击window.print（）时修改输出？

Answer 1

把

@media print {
  // print only styles...
}

在您的CSS中

将允许指定您的仅打印输出。这是您可以覆盖/添加任何屏幕样式的地方。

更新

隐藏打印按钮的示例：

@media print {
  /* button selectors */
  .btn, button, submit { 
    display: none;
  }
}