我希望创建一个扩展,为个人和可能的个人朋友的使用,以及简单地改变了一些颜色,显示在我访问的网站。我使用Reddit增强套件,它有选项的“夜间模式”,完全改变了Reddit的颜色外观。我想知道如何编辑或注入CSS代码到这个网站,以便在网站中使用的颜色是我想他们是当我查看页面。请注意,这当然只是在我的浏览器或在另一个Chrome浏览器使用我的扩展程序。
ovfsdjhp1#
你完全可以按你说的去做:你可以将CSS文件或代码注入到页面中。最简单的方法是通过清单(查看CSS属性)。你只需要完成你的manifest.json,以便Chrome知道它必须在哪些页面中插入CSS文件。如果你想以编程的方式决定何时插入CSS,你可以使用chrome.tabs.insertCSS(),在这里你可以插入一个CSS文件,或者只是作为一个字符串的代码。
manifest.json
chrome.tabs.insertCSS()
iugsix8n2#
除了扩展,你也可以在user script中完成它。然后你可以简单地使用GM_addStyle,就像Greasemonkey脚本一样。它编写起来更简单,在内存使用方面更轻量级。
GM_addStyle
sg24os4d3#
已经有为此做的扩展了。我用的那个叫Stylish,它只使用CSS3修改外观,而不是HTML。还有其他的扩展,做一些谷歌搜索,你会发现更多。
3条答案
按热度按时间ovfsdjhp1#
你完全可以按你说的去做:你可以将CSS文件或代码注入到页面中。最简单的方法是通过清单(查看CSS属性)。
你只需要完成你的
manifest.json
,以便Chrome知道它必须在哪些页面中插入CSS文件。如果你想以编程的方式决定何时插入CSS,你可以使用
chrome.tabs.insertCSS()
,在这里你可以插入一个CSS文件,或者只是作为一个字符串的代码。iugsix8n2#
除了扩展,你也可以在user script中完成它。然后你可以简单地使用
GM_addStyle
,就像Greasemonkey脚本一样。它编写起来更简单,在内存使用方面更轻量级。sg24os4d3#
已经有为此做的扩展了。我用的那个叫Stylish,它只使用CSS3修改外观,而不是HTML。还有其他的扩展,做一些谷歌搜索,你会发现更多。