Проверка элемента DOM в Google Chrome Extension

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 
};