是否有方法在浏览器中打印页面之前应用自定义CSS？

Question

我偶尔将网站上的教程保存为PDF文件，以供将来参考。

我目前的手动工作流程是：

1. 单击“显示在一页上”链接，可以获得文章的完整的单页视图。
2. 打开浏览器的DevTools，并在的帮助下选择带有广告和相关链接的部分并删除。
   1. 将页面打印为PDF文件。

   G 211>

为此，我使用了Firefox或，因为它们都具有所需的功能，而且在这方面的行为非常相似。

我注意到，为了获得内容的“干净打印”，我想删除的内容基本上是相同的:假设所有添加的内容都嵌入了带有类add的div。

有办法使这些步骤自动化吗？一个想法是加载一个定制的CSS文件，我需要专门为一个站点做准备。像.add-banner { display: none; }这样的简单规则将允许我隐藏我不想打印的部分。

我还查看了基于控制台的刮板，因为我喜欢用URL作为参数调用命令的想法。但是我发现的工具是基于图像的，我想要一个可索引的PDF文件，在这里我可以搜索文本并选择部件。

实现这一目标的最佳选择是什么？

Answer 1

扩展用户CSS从铬网络商店(免费)允许我添加自定义的css规则到任何页面被加载。可以导入和导出CSS规则，扩展允许在每个站点基础上存储自定义CSS。

这正是我所寻找的，因为它使我更容易和更快地删除不想要的部分，然后打印。