何老师的小葵花课堂开课啦,何老师这次讲的是Chrome的常用调试技巧

1、ajax和非ajax之分

F12打开调试窗口,选中network/网络,XHR可以查看带ajax的请求

Chrome调试技巧_json

基本上ajax交互的数据协议就是json

2、返回的网络状态 http响应状态
200 交互都ok
302 重定向 当前页面直接跳转到别的页面上
304 缓存
403 没权限
404 没找到路径
5xx 代码废了

3、post/get等网络请求方式

当然还有其他方式,如put、delete

get的表象就是参数都拼接再url上
Request Method: GET 点击链接之后,查看顶部内容
Chrome调试技巧_chrome_02

query string parameter可以查看参数
Chrome调试技巧_页面跳转_03

post的表象是最下面的form data或者是pay load
Request Method: POST
Chrome调试技巧_chrome_04

最下面的form data可以查看参数
Chrome调试技巧_json_05
4、响应内容
preview/response 可以查看返回的json数据
// json返回值
{“code”:1}

5、持续化日志
防止页面跳转的时候,network清空丢失日志,勾选之后不会丢失

6、修改cookie
Chrome调试技巧_json_06