javascript - js Chrome 扩展的 js 事件(在每个选项卡上工作已加载页面)

Question

我需要一个 js 事件，该事件必须在页面加载后立即激活，并在该选项卡中运行函数。在 Chrome 浏览器平台中。

Answer 1

1) 在名为 ma​​nifest.json 的 JSON 中定义您的扩展。在这里，您需要指定哪些选项卡将执行您的应用程序，例如匹配 https://css-tricks.com/ 的选项卡*

ma​​nifest.json

{
  "manifest_version": 2,
  "name": "Your Extension Name",
  "version": "0.1",
  "content_scripts": [
    {
      "matches": ["https://css-tricks.com/*"],
      "js": ["index.js"]
    }
  ]
}

2) 编写您的应用程序。加载所有资源后，您可以在此处添加您的功能。我正在使用 console.time 来检查需要多长时间。

index.js

console.time('time')

window.addEventListener('load', event => {
    console.log('All resources finished loading!')
    console.timeEnd('time')
})

希望这有帮助:)