Chrome的firebug用于跟踪ajax请求的技术

Question

我正在尝试将我的Google Chrome扩展程序用于在浏览网页时跟踪ajax请求。我发现的唯一方法是监听DOMSubtreeModified事件。每个ajax事件都会触发事件，但没有关于请求的其他信息。但在Firebug谷歌浏览器扩展程序中，有一些跟踪许多细节的ajax请求。我试着在源代码中检查它们是如何做到的，但我很难理解。

您是否知道如何跟踪这些事件以获取有关请求的一些详细信息？ 也许有人可以看看这个firebug的技术，或者也许有人知道它并告诉我他们是如何做到的？

Answer 1

使用Chrome开发者工具可以执行一些操作来调试AJAX请求：

1. 查看network tab。它跟踪所有（AJAX）请求，它们的请求和响应标头。
2. 在devtools中启用XHR控制台日志记录（右键单击Developer Tools控制台，然后单击“启用XMLHttpRequest日志记录”。
3. 设置XHR breakpoint。

在您的情况下不需要DOM断点。此外，只有当您的AJAX请求修改DOM树时，该方法才有效。

Answer 2

目前无法以编程方式获取与网络标签类似的有关ajax请求的所有信息。

有实验chrome.experimental.webRequest.onCompleted.addListener，有了它你可以捕获ajax请求，获得返回的响应代码（200,404），并获得一些响应头。你将无法获得回应。