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