Chrome AjaxDebugger 插件测试Ajax调用
AJAX Debugger的开发背景
网站的开发人员在开发网站的时候,通常会先对网站进行一些测试之后才会让网站正式地部署上线,对于一些网站的基本HTML来说,调试起来是比较方便的,只需要使用基本HTML观察工具就可以准确地查看出错误的标记在哪里,但是对于网页的Ajax来说,由于是运行的时候才可以发现真实的情况,所以调试起来也会比较复杂,需要用户在程序中设置相应的弹出框才可以查看到最终的调试信息,但是弹出框对于调试来说也非常的不方便,不过出错或正常都需要用户取消弹出提示内容。所以,我们需要一款能够更加直观、方便的Ajax调试插件。
AJAX Debugger的简介
AJAX Debugger是一款可以在Chrome中调试Ajax信息的谷歌浏览器插件,在Chrome中安装了AJAX Debugger插件以后,用户就不需要使用改变程序源码的形式来调试Ajax和查看Ajax的输出信息了,使用AJAX Debugger插件可以在不改变网站源码的情况,对任何网站中的Ajax返回信息进行调试和查看,非常有利于网站程序在真实情况下运行时Ajax观察与调试。
AJAX Debugger的使用方法
1.在谷歌浏览器中安装AJAX Debugger插件,并在Chrome的扩展器中启动调试Ajax的功能,AJAX Debugger插件的下载地址可以在本文的下方找到,离线AJAX Debugger插件的安装方法可参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?
2.当打开Chrome网站的时候,如果网页中存在Ajax数据,AJAX Debugger会在Chrome的控制台中显示出所有Ajax的加载信息,在这些信息中会显示出Ajax的加载时间、Ajax的加载结果、Ajax的请求状态、Ajax的请求地址等信息,如图所示:
3.用户在获取这些Ajax信息之后,就可以根据Ajax加载的状态和结果等输出来判断网站的Ajax请求是否正常。
AJAX Debugger的注意事项
1.AJAX Debugger只是对网页中的Ajax请求的信息进行调试,并输出Ajax的结果到谷歌浏览器的控制台中,如果这其中还有网页的DOM元素等标记错误,也会一同显示的控制台中。
2.AJAX Debugger可以查看出当前网站中的所有Ajax请求,用户需要使用Ajax请求的URL来判断。
AJAX Debugger的联系方式
1.作者:Jeff Hatz。
2.插件地址:https://github.com/jeffhatz/AJAX-Debugger。