咱们Web程序员在开发的时候,会经常需要查看ajax详细的发送信息和返回信息。之前一直使用firefox,但是通过下面的例子也许你也会喜欢上Chrome。
工具/原料
Chrome浏览器
方法/步骤
1、下面第一张图是返回的js艺皱麾酪on格式的数据,在firefox里不管是"响应"还是"html"拎枋辏话都不能解析这段json格式的数据,但是在chrome里则非常智能的解析为了一个对象,层次鲜明。这一点我已经在之前的经验中分享过:http://jingyan.baidu.com/article/90bc8fc80bd5f3f652640c4b.html我今天则想详细说明chrome控制器查看ajax请求的详细方法,该方法完全是个人习惯,不一定最优。
2、首先点击“console”(控制台)然后将所有记录清空,方便查看。
3、在前端页面点击触发ajax查询之后,即可在控制台看到一条新记录,再点击这条ajax请求的链接。
4、则跳到了网页请求栏,点击颜色较深的那个请求,即为我们刚刚从控制台跳转过来的源链接。
5、咱们看得最多的就是查看参数、传递的数据、返回的数据,这三部分。查看传宕蜉窑煜递的数据是否都正常,有没有遗漏,等等。其实在headers里面信息太多可供参考,有兴趣大家自己研究学习。