在Chrome中打印网页的自定义CSS版本

时间:2018-11-07 09:30:23

标签: google-chrome google-chrome-devtools css-print

使用Google Chrome浏览器检查器,我可以轻松检查如何doing this显示要打印的网页(任何公共网页,而不是我控制的网页)。

此外,I can change还在动态显示某些CSS样式。

我的问题是:我现在可以实际打印我已经在浏览的网页的修改版本吗?默认情况下没有,我已经检查过了,但是也许我可以做些...

(编辑:我对更改背景颜色特别感兴趣)

1 个答案:

答案 0 :(得分:0)

我只是在更改背景颜色,所以我自动认为打印版本会忽略我的“即时”更改。事实是,无论是原始颜色还是修改后的版本,Chrome和Safari中的打印版本始终会忽略背景色。

最终的解决方案是即时编辑HTML,并将pip install flake8添加到要使用背景色打印的元素上。

对于我来说,我将其添加到-webkit-print-color-adjust: exact !important;元素中:

<head>

现在,印刷版将在后台包含我修改过的颜色:-D