Chrome扩展程序:如何持久加载js / css文件

时间:2019-06-14 09:36:55

标签: javascript google-chrome-extension

我正在学习开发Chrome扩展程序。我要实现的目标非常简单:将js / css文件永久注入网页。这就是我所做的:

manifest.json

{
  "manifest_version": 2,
  "name": "test_name",
  "version": "1",
  "content_scripts": [
    {
      "matches": [
        "http://*/*"
      ],
      "js": ["jquery.js","js/uikit.min.js","js/uikit-icons.min.js"],
      "css": ["css/uikit.min.css"]
    }
  ],
  "background": {
    "scripts": ["background.js"]
  },
  "permissions":[
    "activeTab"
  ],
  "browser_action": {
    "default_title":"test_title"
  }
}

background.js

chrome.browserAction.onClicked.addListener(function(tab){
  chrome.tabs.executeScript({
    file:'test.js'
  });
})

test.js

window.wsk = 1;
console.log(wsk);
console.log(UIkit);

当我单击扩展程序图标时,test.js被运行,并且控制台显示1ƒ Pn(t){this._init(t)}。但是,当我输入控制台wskUIkit时,它显示错误消息,提示未定义。我做错了什么?

0 个答案:

没有答案