Chrome打印和打印介质模拟

时间:2016-03-16 22:22:02

标签: google-chrome printing google-chrome-devtools emulation

我曾经能够使用Chrome"模拟印刷媒体"访问Dev Tools的功能。 Chrome不仅完全改变了这些工具的工作方式,而且不会产生一致的结果。

以下是Chrome中某个部分页面的屏幕截图:

enter image description here

以下是Chrome打印预览功能中的内容:

enter image description here

前段时间,当遇到这些问题时,我能够使用开发工具并使用-webkit-print-color-adjust:exact等样式;摆脱黑色背景。显然,这已经不再适用了。

然后我尝试使用Chrome" Emulate打印媒体"函数,对于那个页面部分,我得到了这个:

enter image description here

这两个问题是(1)最重要的是,当-webkit-print-color-adjust似乎不再起作用时,如何摆脱背景背景; (2)为什么Chrome" Emulate印刷媒体"给出打印预览显示的变化吗?

注意:
1.打印到PDF会产生相同的黑色背景;在打印机上打印也有黑色背景 2.我已将* {transition:none!important}添加到打印样式表中,如其他地方所示 粉红色"打印"按钮下载一个漂亮的PDF手册,以便工作正常。这个问题是尝试修复尝试使用本机打印预览功能的用户所发生的情况 4. Firefox和IE将页面的打印版本显示为Chrome"模拟打印介质"确实

0 个答案:

没有答案