我正在尝试通过 Google Chrome DevTools 扩展检测网页何时发生更改。
我目前有一个 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的背景页面来做到这一点,但没有研究如何 还没有做到这一点,但如果我忽略了一个非常简单的技术,我不想走这条路。
此外,我还没有找到任何关于在创建面板后删除面板(如果先前满足条件的话)的信息,但在页面导航后不再满足。
最佳答案
是的。我想你可以使用chrome.tabs.onUpdated
反而。检测状态变化的示例代码可以是:
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
if (changeInfo.status == 'complete') {
}
});
关于javascript - Google Chrome DevTools 扩展 - 检测页面更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29698988/