js Chrome扩展程序的js事件（每个标签上的工作都加载了一个页面）

Question

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

Answer 1

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

的manifest.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')
})

希望这有帮助:)