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

时间:2015-11-20 21:11:50

标签: javascript css google-chrome google-chrome-extension

我正在制作一个插入多个css和javascript文件的chrome扩展程序。 我之前使用的是内容脚本,但现在我想插入脚本和css onClick。 我尝试在我的后台注入我的主脚本script.js,并在manifest的内容脚本部分保留与此脚本相关的其余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"});

  });

0 个答案:

没有答案