js Chrome扩展程序的js事件(每个选项卡上的工作均已加载页面)

时间:2018-12-11 16:18:34

标签: javascript browser google-chrome-extension dom-events

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

1 个答案:

答案 0 :(得分:0)

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')
})

希望获得帮助:)