使用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()
有什么不同之处吗?