将多个css和javascript文件注入带有chrome扩展名onClick的页面

我正在制作一个chrome扩展，可以插入多个css和javascript文件。 我以前使用内容脚本，但现在我想插入脚本和css onClick。 我试着在我的背景中注入我的主脚本script.js，并在清单中的内容脚本部分保留与该脚本相关联的css文件。然而，当我在扩展中尝试此功能时，它不起作用。我应该在我的背景中执行和插入我的所有内容和css吗？如果是的话，是以什么顺序执行的，因为一个脚本或css必须在另一个脚本或css中插入或执行

我看了“通过Google Chrome中的executeScript注入多个脚本”，但我不知道在我的情况下它们是否更容易，我也不知道这些文章是否适用于css

这是我清单的一部分：

"content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "css": ["styles.css", "tipped.css"],
      "js": ["jquery-1.9.1.js", "jquery-highlight1.js", "spinners.min.js", "tipped.js","script.js"],
      "run_at": "document_end"
    }
  ],
  "permissions":[
    "activeTab"

  ],

以下是我的背景脚本：

chrome.browserAction.onClicked.addListener(function(activeTab) {
    chrome.tabs.executeScript(null, {file: "script.js"});

  });

---

据我所知，

chrome.tabs.executeScript

需要从内容脚本中调用，因为后台脚本与DOM隔离，无法启动此注入脚本。我很惊讶它没有抛出一个错误。@Blindman67，这个函数在内容脚本中不可用，OP做得很正确。可能与我看到的“通过Google Chrome中的executeScript注入多个脚本”重复然而，我不知道在我的情况下，它们是否是一种更简单的方法，我也不知道这些文章是否适用于css。我会把这个贴在上面