Проверьте элемент DOM в расширении Google Chrome

Question

Я пытаюсь создать простое расширение Google Chrome - например, найти определенный элемент на странице и отобразить предупреждение.

Моя проблема в том, что конкретная страница загружается относительно медленно (имея также немного AJAX).

Как я могу сделать свой чек только после загрузки всей страницы?

Я попытался "run_at" : "document_idle" в моем файле манифеста, но безуспешно. Он показывает мне сообщение до загрузки всей страницы.

Я думал проверять каждую секунду (или что-то) целые элементы DOM, но является ли это возможным решением? Я думаю, что это замедлит страницу ...

Спасибо.

Answer 1

Если этот элемент не существует на странице, когда вы нажимаете «просмотреть источник», то одним из способов его обнаружения будет прослушивание события DOMSubtreeModified, которое срабатывает при каждом изменении DOM:

document.addEventListener("DOMSubtreeModified", function(event){
        if(document.getElementById("my_element")) {
                //element is added
        }
});

Answer 2

Вы пытались поместить свой код в событие window.onload в "content_script.js"?

window.onload = function() {
   // your code
};