Chrome调试技巧

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

1、ajax和非ajax之分

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

这里写图片描述

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

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

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

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

get的表象就是参数都拼接再url上
Request Method: GET 点击链接之后,查看顶部内容
这里写图片描述

query string parameter可以查看参数
Chrome调试技巧_第1张图片

post的表象是最下面的form data或者是pay load
Request Method: POST
Chrome调试技巧_第2张图片

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

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

6、修改cookie
Chrome调试技巧_第4张图片

你可能感兴趣的:(other)