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

z9ju0rcb  于 2023-04-03  发布在  Go
关注(0)|答案(3)|浏览(265)

我希望创建一个扩展,为个人和可能的个人朋友的使用,以及简单地改变了一些颜色,显示在我访问的网站。我使用Reddit增强套件,它有选项的“夜间模式”,完全改变了Reddit的颜色外观。
我想知道如何编辑或注入CSS代码到这个网站,以便在网站中使用的颜色是我想他们是当我查看页面。请注意,这当然只是在我的浏览器或在另一个Chrome浏览器使用我的扩展程序。

ovfsdjhp

ovfsdjhp1#

你完全可以按你说的去做:你可以将CSS文件或代码注入到页面中。最简单的方法是通过清单(查看CSS属性)。
你只需要完成你的manifest.json,以便Chrome知道它必须在哪些页面中插入CSS文件。
如果你想以编程的方式决定何时插入CSS,你可以使用chrome.tabs.insertCSS(),在这里你可以插入一个CSS文件,或者只是作为一个字符串的代码。

iugsix8n

iugsix8n2#

除了扩展,你也可以在user script中完成它。然后你可以简单地使用GM_addStyle,就像Greasemonkey脚本一样。它编写起来更简单,在内存使用方面更轻量级。

sg24os4d

sg24os4d3#

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

相关问题