Chrome扩展程序是否可以监控正在运行的网页上的XHR事件（或其他事件）？

Question

我正在构建一个操作页面内容的Chrome扩展程序，但我感兴趣的内容只会在用户点击按钮时显示，然后从Ajax调用加载数据。

目前，扩展程序使用SetTimeout监控页面，但它很笨拙。

扩展程序是否可以知道何时启动Ajax调用以及何时结束？或者扩展程序能以某种方式从页面接收事件吗？

Answer 1

我不知道监视XHR请求的简单方法，但您可以通过监听DOMSubtreeModified事件来监视对页面结构所做的任何更改。因此，当完成ajax调用并在页面上添加/删除/更改元素时 - 您将收到通知。

document.addEventListener("DOMSubtreeModified", function(event){
        //something has changed
});