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

Question

我正在寻找为个人和个人朋友使用创建扩展程序，只需更改我访问的网站上显示的一些颜色。我使用的是Reddit Enhancement Suite，它具有“夜间模式”选项，可以完全改变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

您可以在user script中执行此操作，而不是扩展程序。然后你可以简单地使用GM_addStyle，就像使用Greasemonkey脚本一样。编写起来要简单得多，内存使用方面也要轻量化。

Answer 3

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