Расширение Chrome вскрывает открытый прослушиватель событий в сценарии содержимого

Question

Я работаю над своим первым расширением chrome, и я пытаюсь создать всплывающее расширение, которое сбрасывает веб-страницу и добавляет некоторые элементы в список на основе результатов. Вид как список пожеланий.

Я хочу прослушать всплывающее открытое событие в моем сценарии содержимого, чтобы я мог повторно очистить веб-страницу за обновленные данные (это если пользователь нажимает что-то на веб-странице и изменения DOM). Я использую chrome.runtime.onMessage и chrome.tabs.sendMessage для связи между контентом и всплывающими скриптами.

Мой вопрос здесь: есть ли какое-либо событие, которое я могу прослушивать в скрипте содержимого и знать, когда всплывающее окно было открыто? Или даже лучше, есть ли лучшая практика для обновления всплывающих окон на основе изменений DOM вкладки?

Cheers.

Answer 1

В вашей всплывающей странице, включают в себя следующие JS

window.onload = function() { 
    //popup was opened, do what you want 
}; 

Answer 2

Основываясь на docs .use «MutationObserver()», он обеспечивает механизм для веб-страницы или расширения, чтобы получить уведомление об изменениях, внесенных в DOM.

Фрагмент кода ниже, как создать экземпляр DOM наблюдателей мутации:

new MutationObserver(
function callback 
); 

Answer 3

Использование разрешения Вкладки можно запустить сценарий, когда Popup расширения, за открыл:

chrome.browserAction.onClicked.addListener(function(tab) { 
    // Run the following code when the popup is opened 
}); 

Только помните, что приведенный выше код должен быть запущен в фоновом скрипте.