Расширение Google Chrome DevTools - обнаружение изменения страницы

Question

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

Я в настоящее время devtools.html & devtools.js, который определяет, если условие истинно, и если да, то это добавляет панель DEV инструмента.

chrome.devtools.inspectedWindow.eval(/*my test*/, function (result, exception) { 
    if (exception === undefined && result === true) { 
     chrome.devtools.panels.create("My Panel", "", "panel.html", function (panel) { 
      ... 

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

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

Кроме того, мне еще нужно найти информацию о Удаление моей панели после ее создания, если условия были выполнены ранее, но больше не после навигации по страницам.

Answer 1

Да. Я думаю, вы можете использовать chrome.tabs.onUpdated. Пример кода для обнаружения изменений состояния может быть:

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { 
    if (changeInfo.status == 'complete') { 
    } 
});