На странице загрузки события в расширениях Chrome

Question

Я хочу проверить некоторые значения в содержимом страницы браузера Chrome, когда она полностью загружена вот так

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

Где и когда я могу сделать свой чек? пожалуйста, дайте мне наглядный пример Я прочитал кое-что о "Background.html" и "Сценарий контента", но я не могу сделать

Answer 1

Зарегистрируйте скрипт содержимого в файле манифеста в "run_at": "document_idle" (по умолчанию) и вставьте свой код в файл скрипта контента.Затем скрипт будет запущен, когда страница будет готова.

Если вы хотите определить с фоновой страницы, полностью ли загружена страница, используйте событие chrome.webNavigation.onCompleted и делайте все, что хотитехочу, например, вызвать chrome.tabs.executeScript, чтобы выполнить скрипт содержимого.Этот метод может быть полезен по сравнению с предыдущим методом, если список URL-адресов является динамическим или если шаблоны URL-адресов нельзя описать с использованием синтаксиса pattern pattern .

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
}