Javascript 执行js以更改后台-Chrome扩展中的CSS

Javascript 执行js以更改后台-Chrome扩展中的CSS,javascript,google-chrome,google-chrome-extension,Javascript,Google Chrome,Google Chrome Extension,我正在设计一个Chrome插件。我有一个将CSS注入网页的脚本。现在它链接到popup.html,因为它只能这样工作 问题是,在注入css之前,我必须单击图标打开弹出窗口。因为这会加载javascript文件来注入CSS。我不想那样做 哦,内容脚本不是一个选项,因为它们不支持chrome.tabs API 我想做什么:在没有任何用户交互的情况下注入CSS。因为要注入CSS,我必须点击图标打开弹出窗口来加载js来加载CSS 如何在后台加载该javascript文件以在没有任何用户交互的情况下注入c

我正在设计一个Chrome插件。我有一个将CSS注入网页的脚本。现在它链接到popup.html,因为它只能这样工作

问题是,在注入css之前,我必须单击图标打开弹出窗口。因为这会加载javascript文件来注入CSS。我不想那样做

哦,内容脚本不是一个选项,因为它们不支持chrome.tabs API

我想做什么:在没有任何用户交互的情况下注入CSS。因为要注入CSS,我必须点击图标打开弹出窗口来加载js来加载CSS

如何在后台加载该javascript文件以在没有任何用户交互的情况下注入css?

正如我所做的那样,您可以通过
manifest.json
中的内容脚本定义来注入css。您的内容脚本可以使用(在内容脚本中)和(在背景页上)与背景页一起使用

因此,内容脚本是解决问题的方法

示例:


正如我在前面的问题中提到的那样???StackOverflow不是你的博客…@Jacques,这个问题几乎已经很清楚了。但是,您缺少了一个部分:CSS应该如何注入?选项卡何时导航到某个URL?当用户与某个浏览器控件交互时。。?这个问题很不清楚。请重新措辞或重组。我已经编辑了我的问题。再次提醒您,CSS需要在没有任何用户交互的情况下自动注入。此页面显示:“但是,内容脚本有一些限制。它们不能使用chrome.*API(chrome.extension的部分除外)”那么我如何在内容脚本上使用chrome.extension.sendRequest?@JacquesBlom您阅读了链接答案中的内容和示例了吗?我提供它们是有原因的……请你给我举个例子或者解释一下我应该做什么。我是否必须在后台页面上执行XMLHttpRequest,然后将内容脚本注入css。如果是这样,我如何注入css,因为我不能使用chrome.tabs.insertCSS。非常感谢!它不起作用了。sendRequest函数中的代码将不会执行。我加了一个警报,但没有用。不过,警报与onRequest函数配合使用。
chrome.extension.onRequest
应该是
chrome.extension.onRequest.addListener
。看见