chrome.devtools.inspectedWindow Änderungsereignis

Question

Die Google Chrome-Erweiterungs-API bietet Informationen zum derzeit geöffneten Fenster unter Verwendung von chrome.devtools.inspectedWindow. Es werden jedoch keine Ereignisse für Änderungen bereitgestellt. Ich kann die Seite aktualisieren oder umleiten, und ich möchte das DevTools-Panel, das ich hinzufüge, um benachrichtigt zu werden. Gibt es dafür eine Methode?

Denken Sie an das Bedienfeld Elemente, es bleibt immer auf dem neuesten Stand mit dem aktuellen DOM. Dies ist möglicherweise schwierig zu implementieren, um immer auf dem neuesten Stand zu bleiben, wenn eine DOM-Mutation auftritt, aber ich möchte zumindest informiert werden, wenn eine neue Seite geladen wird (wahrscheinlich beim document.onload-Ereignis, warum nicht)

Irgendwelche Ideen, wie dies zu implementieren, danke?

Answer 1

Hören Sie eines der Ereignisse chrome.webNavigation und notify die Devtools, wenn eine Aktualisierung auftritt.

Eine andere Möglichkeit festzustellen, dass die inspizierte Seite entladen wird, ist die Verwendung des Ereignisses chrome.devtools.network.onNavigated (nur auf der Erweiterungsseite von devtools verfügbar).

Answer 2

Ich hatte die gleiche Herausforderung, und das war das einzige Ergebnis, das ich in Google fand, also wollte ich mit der Lösung antworten, die ich fand. Der Schlüssel liegt nicht in chrome.devtools.inspectedWindow, sondern in chrome.tabs.onUpdated. In der Tat habe ich chrome.tabs.* gefunden, um im Allgemeinen viel nützlicher zu sein. Hier ist der Code, den ich verwende, um Statusänderungen von meiner Erweiterung zu sehen;

chrome.tabs.onUpdated.addListener(function (tabId, changes, tabObject) { 
    console.log("Status of", tabId, "is", changes.status); 
    if (changes.status == "complete") { 
    console.log("Tab Load Complete"); 
    } 
}); 

könnten Sie auch die chrome.tabs.* API die Statusänderung auf dem aktuellen Registerkarte passiert ist oder nicht zu prüfen, ob verwenden.