使用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