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