如何以编程方式从Chrome扩展程序内容脚本中注入CSS？

Question

我有一个Chrome扩展程序，应该将自定义CSS规则应用于匹配的网站。我想根据扩展选项中通过default_popup html文件设置的选项对应用的CSS进行小幅调整。

我无法使用CSS内容脚本，因为无法以编程方式控制它。这是全有或全无。

所以我想要的是我的Javascript内容脚本从chrome.storage.sync读取保存的选项，然后根据刚刚读取的选项注入适当的CSS文件。

但是，要使用injectCSS()，需要访问chrome.tabs ---但chrome.tabs无法在内容脚本中使用！

这一定是常见的事情。有关如何使用Chrome扩展程序API完成此操作的建议？

Answer 1

仅使用由Javascript控制的内联样式。我认为使用外部CSS并不能保证因为覆盖已经存在的选择器而应用了样式。

通过使用多个CSS文件并将其读入Javascript变量然后应用样式，可以扩展和更好地组织。或者只使用JSON格式的样式表。