javascript - Google Chrome DevTools 扩展 - 检测页面更改

Question

我正在尝试检测网页何时从 Google Chrome DevTools Extension 发生更改。

我目前有一个 devtools.html 和 devtools.js 检测条件是否为真，如果为真，它会添加开发工具面板。

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

问题是，如果我打开开发工具，然后然后导航到另一个页面，它不会重新评估条件并添加面板。我必须再次关闭并重新打开开发工具。

我认为我可以用我也传递了tabId的背景页面来做到这一点，但没有研究如何 还没有做到这一点，但如果我忽略了一个非常简单的技术，我不想走那条路。

此外，我还没有找到任何关于在创建面板后删除的信息，如果之前满足条件，但在页面导航后不再。

Answer 1

是的。我想你可以使用 chrome.tabs.onUpdated反而。检测状态变化的示例代码可以是:

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