为什么File-> Print和window.print()给我不同的输出?

时间:2019-05-13 14:46:34

标签: javascript css reactjs printing

使用JavaScript window.print();时,Chrome(v74)无法使用我们的打印样式时遇到了麻烦,但是当我们File->Print或右键单击{{1 }}。另外,当我们使用Print时,某些元素(例如border: 3px dashed #000)的内联样式不会被打印。

打印样式位于window.print()中,而没有<head>,因此我们不必担心加载外部资源:

rel

也尝试过:

<style>
  @media print {
    .myClass {
      ...
    }
  }
</style>

JavaScript方法与File-> Print方法有何不同之处吗?

更新:还想提到这是一个React应用程序。不知道这是否有所作为。同样,File-> Print可以正常工作,但是JavaScript window.print()不能。

更新:我刚刚发现,<style media="print"> .myClass { ... } </style> 在调试控制台中运行良好。我的代码中的window.print()调用是从React代码中完成的。反应与window.print()有什么不同之处吗?

0 个答案:

没有答案