Chrome扩展程序:让它在每个页面加载时运行

Question

我想制作一个chrome扩展,在加载一个页面后执行一些脚本,我不确定是否必须在后台页面上实现这个逻辑,或者它可以在任何其他地方,这里的任何帮助将不胜感激.

Answer 1

从后台脚本中,您可以监听chrome.tabs.onUpdated事件并检查changeInfo.status回调中的属性.它可以加载或完成.如果完成,请执行操作.

例:

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
  if (changeInfo.status == 'complete') {

    // do your things

  }
})

因为这可能会在每个选项卡完成时触发,您还可以检查选项卡是否active在其同名属性上,如下所示:

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
  if (changeInfo.status == 'complete' && tab.active) {

    // do your things

  }
})

Answer 2

如果需要onload在页面事件上运行,意味着文档及其所有资产已加载,则需要在嵌入每个要跟踪的页面的内容脚本中onload.

Answer 3

您可以将脚本放入内容脚本中,请参阅

• 内容脚本

Answer 4

此代码应执行以下操作：

manifest.json

   {
      "name": "Alert 'hello world!' on page opening",
      "version": "1.0",
      "manifest_version": 2,
      "content_scripts": [
        {
          "matches": [
            "<all_urls>"
          ],
          "js": ["content.js"]
        }
      ]
    }

content.js

alert('Hello world!')