javascript - Java Script 中的自定义打印预览

Question

我如何开发自定义打印预览对话框，就像使用 Java 脚本的浏览器打印预览一样？我正在开发一个需要自定义打印预览对话框（计算页数、自动分页和更改字体大小）的图书阅读器。

有没有 JS 库可以做到这一点？请让我知道有什么办法可以做到这一点。

谢谢你。

Answer 1

您实际上不需要为该任务使用太多 Javascript，CSS 及其媒体查询将完成这项工作。

您可以定义一张像

@media print {
  body {
      width: 100%;
      color: red;
  }

  #someElement {
      display: none;
  }
}

这样，您可以克隆新窗口或弹出窗口的实际标记并应用这些样式表定义。