Chrome扩展程序可以监控正在运行的网页上的XHR事件(或其他事件)吗？

Question

我正在构建一个操作页面内容的Chrome扩展程序,但我感兴趣的内容只会在用户单击按钮并且数据已从Ajax调用加载后显示.

目前,扩展程序使用SetTimeout监视页面,但它很笨拙.

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

Answer 1

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

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