Chrome扩展程序注入脚本和新选项卡问题

Question

我制作了一个镀铬扩展程序，目的是在新标签打开时更改不透明度，它会变暗。

第一个标签完全可见，而不是越来越暗。

的script.js

var counter = 0;
chrome.tabs.onCreated.addListener(function callback() {

  if(counter>0) {
    grayLayer();
  }
  counter++;
});

function grayLayer() {
  chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
  if (changeInfo.status == 'complete') {
     var opacity = counter * 0.1;

     document.body.innerHTML += '<div style="position:fixed; background: black; opacity: '+ opacity +'"></div>';

  }
})
}

Manifest.js

{
  "manifest_version": 2,

  "name": "The Extension",
  "description": "A lovely extension!",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": [ "script.js" ]
    }
  ],

  "icons":[
          {
          "16": "icon16.png",
           "48": "icon48.png",
          "128": "icon128.png" 
          }
    ],
  "permissions":"tabs",

   "web_accessible_resources": ["script.js"]
}

我尝试通过添加“web_accessible_resources”来修复错误：[“script.js”]也没有帮助。

没有浏览器或错误代码，它根本无法正常工作或运行。

任何帮助或指导都将在向前推进以使扩展工作的过程中受到赞赏。