我的情况如下:我有一些我自己没有编写的Javascript代码,但我想要熟悉(实际上,我想调试它)。特别是,我对AJAX请求此代码所做的事情感兴趣,以及何时。
我正在看的这个Javascript代码非常复杂,冗长而混乱。所以基本上,只需读取源代码或者为这个或那个函数调用点击源代码不是一个好的选择。我想要的是一些Firefox或Chromium插件(无论哪个有效),它们执行以下操作:
在加载页面并执行Javascript时,我希望它能够捕获任何AJAX请求并告诉我它(最重要的是,正在调用哪个URL,但知道哪些POST参数等正在传播请求也很有用)。如果它在每次执行AJAX请求之前实际停止,告诉我它,并且问我是否应该继续,那将是非常棒的。但即使只是将Javascript发送AJAX请求的每个URL打印到控制台或其他内容,我也会感到高兴。
有什么建议吗?
答案 0 :(得分:3)
您可以在Chrome中执行此操作而无需任何插件,也可以在Firefox中使用Firebug插件执行此操作:
旁注:当我说“XHR”时,我的意思是“XML / HTTP请求”,这就是ajax请求所属的内容。
只需打开您的开发工具(F12),然后转到网络标签(Chrome 32中的第二个标签)。从打开选项卡的那一刻起,所有请求都会记录在那里。单击“网络”选项卡顶部的第三个图标(将鼠标悬停在其上方时显示“过滤器”),然后选择“XHR”过滤器,将其限制为仅XHR。
您也可以右键单击“控制台”选项卡,然后选择“Log XMLHttpRequests”选项,该选项将在控制台中记录所有XHR。
打开您的Firebug,打开Net选项卡(最后一个选项卡),然后单击其中的“Enable”(默认为禁用)。从启用选项卡的那一刻起,所有请求都会记录在那里。在该选项卡的顶部栏中,您可以单击“XHR”按钮将其限制为仅限XHR。
默认情况下,您还可以在Firebug中查看控制台中的所有XHR。