google-chrome-extension - Chrome 扩展程序可以从它运行的页面监控 XHR 事件(或其他事件)吗？

Question

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

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

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

Answer 1

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

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