javascript - Chrome 扩展程序未自动运行。内容脚本未执行

Question

我正在尝试使用 Google Chrome 扩展程序，遇到的第一个问题是我想在加载页面时自动更改正文背景颜色(无需单击扩展程序图标)，但我的内容脚本未启动:

ma​​nifest.json:

{
  "name": "Test Extension",
  "description": "Testing",
  "version": "1.0",
  "permissions": [
    "tabs", "webNavigation"
  ],
  "browser_action": {
      "default_title": "Set this page's color.",
      "default_icon": "icon.png",
      "default_popup": "popup.html"
  },
  "content_scripts": [
  {
  "matches": ["http://*/*", "https://*/*"],
  "js": ["core.js"]
  }
  ],  
  "background": {
    "scripts": ["background.js"]
  },

  "manifest_version": 2
}

core.js:

chrome.tabs.executeScript(null,{code:'document.body.style.backgroundColor = "green";'});

无法工作的解决方案background.js:

chrome.webNavigation.onHistoryStateUpdated.addListener(function(details) {
    chrome.tabs.executeScript(null,{file:"core.js"});
});

问题出在哪里？请帮忙。

Answer 1

更好的解决方案适合您，只需使用内容脚本并等待加载而不执行脚本:

list .json

 {
  "name": "Test Extension",
  "description": "Testing",
   "version": "1.0",
   "permissions": [
     "tabs", "webNavigation"
   ],
   "browser_action": {
   "default_title": "Set this page's color.",
   "default_icon": "icon.png",
   "default_popup": "popup.html"
    },
   "content_scripts": [
   {
      "matches": ["http://*/*", "https://*/*"],
      "js": ["core.js"],
      "run_at": "document_end"
   }
 ],  
 "manifest_version": 2
}

核心.js

  window.onload=function(){ 
   console.log("test!!");
   document.body.style.backgroundColor = "green"; }

popup.html 这里不管。我只是尝试了一下，它可以在任何网站(你可以在 stackoverflow 上尝试)和控制台中将背景颜色更改为绿色。