如何使用Chrome扩展程序更改网站的CSS？

Question

我期待为个人和个人朋友的使用创建一个扩展程序，并且只需更改显示在我访问的网站上的几种颜色即可。我使用Reddit增强套件，它具有“夜间模式”选项，可以完全改变Reddit的颜色外观。

我想知道如何编辑或注入CSS代码到本网站，以便网站使用的颜色是我希望他们在浏览页面时所使用的颜色。请注意，这当然只是在我的浏览器或使用我的扩展程序的其他Chrome浏览器中。

Answer 1

你可以像你说的那样完成：你可以在页面中注入一个CSS文件或代码。 The easiest way is through the manifest (look at the CSS property).

你只需要完成manifest.json为了让Chrome浏览器知道它具有页面中插入你的CSS文件之中。

如果您想以编程方式决定何时插入CSS，you can use chrome.tabs.insertCSS()，您可以在其中插入CSS文件或仅将代码插入为字符串。

Answer 2

已经为此做了扩展。我使用的那个叫做Stylish，它只使用CSS3修改外观，而不是html。还有其他的扩展，做一些谷歌搜索，你会发现更多。

Answer 3

而不是扩展名，你也可以在user script。然后，您可以简单地使用GM_addStyle，就像使用Greasemonkey脚本一样。就内存使用而言，编写起来更简单并且更轻量级。