Question

我正在尝试检测网页何时从Google Chrome DevTools扩展程序更改。

我目前有 devtools.html ＆amp; 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 的背景页面执行此操作，但不会查看如何< / strong>要做到这一点，但如果我忽略了一种非常简单的技术，我不想走这条路。

另外，如果先前已满足条件，我在创建删除我的面板后仍未找到任何信息，但在页面导航后不再显示。

Answer 1

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

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

Answer 2

https://developer.chrome.com/extensions/devtools_network#event-onNavigated

chrome.devtools.network.onNavigated.addListener(
    function(requesturl) {
        console.log('Navigating toooooo: ' + requesturl);
    });

谷歌Chrome DevTools扩展 - 检测页面更改

2 个答案: