Google chrome Chrome打印和打印媒体仿真

Google chrome Chrome打印和打印媒体仿真,google-chrome,printing,google-chrome-devtools,emulation,Google Chrome,Printing,Google Chrome Devtools,Emulation,我曾经能够使用Chrome“Simulate print media”来访问开发工具的功能。Chrome不仅完全改变了这些工具的工作方式,而且无法产生一致的结果 以下是Chrome页面部分的屏幕截图: 以下是Chrome打印预览功能中的外观: 不久前,当面对这些问题时,我能够使用开发工具并使用诸如-webkit print color adjust:exact;去除黑色背景。显然,这已经不起作用了 但是,我尝试使用Chrome的“模拟打印媒体”功能,对于该页面部分,我得到以下信息: 这两个

我曾经能够使用Chrome“Simulate print media”来访问开发工具的功能。Chrome不仅完全改变了这些工具的工作方式,而且无法产生一致的结果

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

以下是Chrome打印预览功能中的外观:

不久前,当面对这些问题时,我能够使用开发工具并使用诸如-webkit print color adjust:exact;去除黑色背景。显然,这已经不起作用了

但是,我尝试使用Chrome的“模拟打印媒体”功能,对于该页面部分,我得到以下信息:

这两个问题是(1)最重要的,当webkit打印颜色调整似乎不再起作用时,如何去除背景;(2) 为什么Chrome“模仿印刷媒体”与印刷预览显示的内容有如此大的差异

注:
1.打印成PDF时会产生相同的黑色背景;在打印机上打印也有黑色背景。
2.我已经在打印样式表中添加了
*{transition:none!important}
,正如其他地方建议的那样。
3.粉红色的“打印”按钮可以下载一本漂亮的PDF小册子,这样就可以了。此问题旨在解决尝试使用本机打印预览功能的用户的问题。
4.Firefox和IE显示页面的打印版本,就像Chrome“模拟打印媒体”一样