用于捕获所有 AJAX 请求的 Firefox/Chromium 插件?

Mal*_*ppa 7 javascript debugging ajax

我的情况是这样的:我有一些Javascript代码不是我自己写的,但我想熟悉一下(实际上,我想调试它)。特别是,我对这段代码提出的 AJAX 请求以及何时发出的请求很感兴趣。

我正在查看的这段 Javascript 代码非常复杂、冗长且混乱。所以基本上,仅仅阅读源代码或搜索这个或那个函数调用的源代码并不是一个好的选择。我想要的是一些 Firefox 或 Chromium 插件(以适用者为准),它可以执行以下操作:

在加载页面并执行 Javascript 时,我希望它捕获任何发出的 AJAX 请求并告诉我它(最重要的是,正在调用什么 URL,尽管知道什么 POST 参数等正在沿着该请求传送)也有用)。如果它真的在每次执行 AJAX 请求之前停止,告诉我它,并问我是否应该继续,那就太棒了。但即使它什么都不做,我也会很高兴,只是将 Javascript 发送 AJAX 请求的每个 URL 打印到控制台或其他东西。

有什么建议?

Joe*_*e50 4

您可以在 Chrome 中执行此操作,无需任何插件,或者在 Firefox 中使用Firebug插件执行此操作:

旁注:当我说“XHR”时,我的意思是“XML / HTTP 请求”,这就是 ajax 请求的范畴。

在 Chrome 中

只需打开开发工具 (F12),然后转到“网络”选项卡(Chrome 32 中的第二个选项卡)。从您打开选项卡的那一刻起,所有请求都会记录在那里。单击“网络”选项卡顶部的第三个图标(将鼠标悬停在其上时显示“过滤器”),然后选择“XHR”过滤器,这会将其限制为仅 XHR。

您还可以右键单击“控制台”选项卡并选择“记录 XMLHttpRequests”选项,该选项也会在控制台中记录所有 XHR。

在火狐浏览器中

打开 Firebug,然后打开“网络”选项卡(倒数第二个选项卡),然后单击其中的“启用”(默认为禁用)。从启用该选项卡的那一刻起,所有请求都会记录在那里。在该选项卡的顶部栏中,您可以单击“XHR”按钮将其限制为仅 XHR。

默认情况下,您还将在 Firebug 的控制台中看到所有 XHR。

  • Firefox 开发工具内置了该功能,因此您甚至不需要 Firebug。FF开发工具用F12打开;网络选项卡必须按照 chrome 激活,并且过滤器位于窗口底部。 (3认同)