0

使用 Google Chrome 的 Inspector，我可以轻松检查网页（任何公共网页，而不是我控制的网页）将如何被渲染以进行打印，执行此操作。

此外，我可以即时更改某些 Css 样式的外观。

我的问题是：我现在真的可以打印我已经在浏览的网页的修改版本吗？不是默认情况下，我已经检查过了，但也许我可以做些什么......

（编辑：我对改变背景颜色特别感兴趣）

4

1 回答 1

0

我只是在更改背景颜色，所以我自动认为打印版本忽略了我的“即时”更改。事实上，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

于 2018-11-12T13:12:00.420 回答