javascript - 每当我单击任何内容时如何使内容脚本重新运行

Question

所以我有一个内容脚本，它为每个元素添加了一些自定义 css，但它只在我刷新页面时运行。例如，当我在 youtube 上时，应用了 css，但是当我点击视频时，导航栏上的 css 仍然应用，但所有加载的新内容都没有自定义 css。有谁知道如何解决这一问题？

清单.json：

{
  "name": "Web redesigner",
  "version": "1.0",
  "description": "Hopefully works",
  "manifest_version": 2,
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "web_accessible_resources": [
    "test.css"
  ],
  "content_scripts": [
   {
     "matches": ["*://*/*"],
     "css": ["test.css"],
     "js": ["test.js"]
   }
 ]
}

测试.js：

let elements = document.querySelectorAll("*"), // finds every element
  len = elements !== null ? elements.length : 0,
  i = 0;
for (i; i < len; i++) {
  elements[i].className += " custom-class"; // adds class "custom-class" to everything
}

标签： javascriptwebgoogle-chrome-extensionbrowser