在Chrome中打印网页的定制Css版本



使用Google Chrome的Inspector,我可以很容易地检查网页(任何公共网页,而不是我控制的网页(将如何呈现为打印,这样做。

此外,我可以随时更改一些Css样式的外观。

我的问题是:我真的可以打印我现在已经在浏览的网页的修改版本吗?不是默认情况下,我已经检查过了,但也许我可以做点什么…

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

我只是在更改背景颜色,所以我自动认为打印版本忽略了我的"动态"更改。事实是,Chrome和Safari中的打印版本总是忽略背景色,无论它们是原始版本还是修改版本。

最终的解决方案是动态编辑HTML,并将-webkit-print-color-adjust: exact !important;添加到要用背景色打印的元素中。

在我的例子中,我将其添加到<head>元素中:

<style>
.elements-i-want-to-change {
background-color: [the colour];
-webkit-print-color-adjust: exact;
}
</style>

现在,打印版本将在背景中包含我修改过的颜色:-D

最新更新