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

【问题标题】：How do you use Chrome Extensions to change CSS of a web site?您如何使用 Chrome 扩展程序更改网站的 CSS？
【发布时间】：2012-03-30 23:29:39
【问题描述】：

我正在寻找为个人和可能的个人朋友使用创建一个扩展，它只是改变我访问的网站上显示的一些颜色。我使用 Reddit Enhancement Suite，它具有“夜间模式”选项，可以完全改变 Reddit 的颜色外观。

我想知道如何编辑或将 CSS 代码注入此网站，以便网站中使用的颜色是我查看页面时希望它们的颜色。请注意，这当然只是在我的浏览器中或使用我的扩展程序的另一个 Chrome 浏览器中。

【问题讨论】：

【解决方案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 文件或仅将代码作为字符串插入。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：