google-chrome-extension - Chrome扩展程序中的页面加载事件

Question

完全加载后，我想检查Chrome浏览器页面内容中的某些值
像那样

if(document.body.innerText.indexOf("Cat") !=-1)

我何时何地可以支票？请给我一个明确的例子
我读了一些有关“Background.html”和“内容脚本”的内容，但是我做不到

Answer 1

Register a content script in the manifest file为"run_at": "document_idle"(默认设置)，然后将您的代码放入内容脚本文件中。页面准备好后，脚本将运行。

如果要从后台页面检测页面是否已完全加载，请使用 chrome.webNavigation.onCompleted 事件并执行所需的任何操作，例如调用 chrome.tabs.executeScript 执行内容脚本。如果URL列表是动态的，或者如果无法使用match pattern语法描述URL模式，则此方法可能比以前的方法有用。

chrome.webNavigation.onCompleted.addListener(function(details) {
    chrome.tabs.executeScript(details.tabId, {
        code: ' if (document.body.innerText.indexOf("Cat") !=-1) {' +
              '     alert("Cat not found!");' +
              ' }'
    });
}, {
    url: [{
        // Runs on example.com, example.net, but also example.foo.com
        hostContains: '.example.'
    }],
});

webNavigation和主机权限必须在 manifest.json 中设置，例如:

{
  "name": "Test",
  "version": "1.0",
  "background": { "scripts": ["background.js"] },
  "permissions": [ "webNavigation", "*://*/*" ],
  "manifest_version": 2
}