软件测试(4)——谷歌开发者工具

谷歌开发者工具
学习网址:谷歌开发者工具
快捷键:mac cmd+option+i
这里写图片描述
从上往下依次是Controls, Filters, Overview, Request Table, Summary

Network面板突出显示两种事件:DOMContentLoaded和Load。
DOMContentLoaded在解析页面的初始标记时触发,Overview中的蓝色竖线表示事件,也可在Summary中看到确切时间。
Load在页面完全加载后触发,Overview, Request Table, Summary中都可以看到.
这里写图片描述
cURL是一种用于进行HTTP食物的命令行工具。
HAR(HTTP Archive),是一个用来储存HTTP请求/响应信息的通用文件格式,基于JSON。这个格式的出现可以使HTTP监测工具以一种通用的格式导出所收集的数据,这些数据可以被其他支持HAR的HTTP分析工具(包括Firebug,httpwatch,Fiddler等)所使用,来分析网站的性能瓶颈。

相关:
一. 如何调出开发者工具?
1.Mac os: 快捷键cmd+option+I 或者右键-检查 或者 浏览器右上角-更多工具-开发者工具
2.Windows: 快捷键F12
二.如何获取token信息
1.在控制台console.log(LocalStorage.token)
2.在请求的request header中。
这里写图片描述
3.选择Application-storage-选择我要拿token的网址
这里写图片描述
三. 如何筛选不同类型的请求
这里写图片描述

四. 如何查看请求头,请求参数,返回(附截图)
这里写图片描述
Preview返回的是格式化的数据,可以将response转换为javascript对象,response返回的是raw data。
这里写图片描述
六. 如何设置模拟不同的网络条件
这里写图片描述

猜你喜欢

转载自blog.csdn.net/yumi_huang/article/details/80982405
今日推荐