有没有办法在浏览器中打印页面之前应用自定义 CSS?

Is there a way to apply custom CSS before printing a page in a browser?

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

我当前的手动工作流程是:

  1. 单击“在一页上显示”link 以获得文章的完整单页视图。
  2. inspect-功能并删除它们。
  3. 将页面打印为 PDF 文件。

我为此使用了 FirefoxChrome-浏览器,因为它们都具有所需的功能并且表现非常好在这方面也类似。

我注意到我想要删除以获得内容的“干净打印”的内容大部分是相同的:假设所有添加都嵌入了 div 和 class 添加横幅.

有没有办法自动执行这些步骤? 一个想法是加载我需要专门为网站准备的自定义 CSS 文件。 .add-banner { display: none; } 等简单规则允许我隐藏不想打印的部分。

我还查看了基于控制台的爬虫,因为我喜欢使用 URL 作为参数调用命令的想法。但是我发现的工具是基于图像的,我想要一个可索引的 PDF 文件,我可以在其中搜索文本和 select 部分。

实现此目标的最佳选择是什么?

来自 chrome 网上商店的 User CSS 扩展 (免费)允许我添加自定义css 规则适用于加载的任何页面。可以导入和导出 CSS 规则,扩展允许在每个站点基础上存储自定义 CSS。

这正是我想要的,因为它让我在打印前更容易、更快速地删除不需要的部分。