Chrome打印和打印介质仿真

我曾经可以使用Chrome“仿真打印介质”来访问开发工具的功能。 Chrome不仅彻底改变了这些工具的工作方式,而且它们不会产生一致的结果。

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

在这里输入图像描述

以下是Chrome Print Preview功能的外观:

在这里输入图像描述

前一段时间,当面对这些问题时,我能够使用开发工具并使用样式,如-webkit-print-color-adjust:exact; 摆脱黑色背景。 显然,这不再有效。

但后来我尝试使用Chrome“Emulate print media”功能,对于该页面部分,我得到了以下结果:

在这里输入图像描述

这两个问题是(1)最重要的是,当-webkit-print-color-adjust不再起作用时,我该如何摆脱背景背景; (2)为什么Chrome“仿真打印介质”与打印预览显示的内容有所不同?

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

链接地址: http://www.djcxy.com/p/20495.html

上一篇: Chrome print and print media emulation

下一篇: Not able to find "Emulate CSS media" in Google Chrome