谷歌开发者工具
学习网址:谷歌开发者工具
快捷键:mac cmd+option+i
软件测试(4)——谷歌开发者工具
从上往下依次是Controls, Filters, Overview, Request Table, Summary

Network面板突出显示两种事件:DOMContentLoaded和Load。
DOMContentLoaded在解析页面的初始标记时触发,Overview中的蓝色竖线表示事件,也可在Summary中看到确切时间。
Load在页面完全加载后触发,Overview, Request Table, Summary中都可以看到.
软件测试(4)——谷歌开发者工具
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中。
软件测试(4)——谷歌开发者工具
3.选择Application-storage-选择我要拿token的网址
软件测试(4)——谷歌开发者工具
三. 如何筛选不同类型的请求
软件测试(4)——谷歌开发者工具

四. 如何查看请求头,请求参数,返回(附截图)
软件测试(4)——谷歌开发者工具
Preview返回的是格式化的数据,可以将response转换为javascript对象,response返回的是raw data。
软件测试(4)——谷歌开发者工具
六. 如何设置模拟不同的网络条件
软件测试(4)——谷歌开发者工具

相关文章:

  • 2021-04-27
  • 2021-11-23
  • 2021-06-27
  • 2022-03-03
  • 2021-05-12
  • 2021-12-25
猜你喜欢
  • 2021-07-07
  • 2021-11-30
  • 2021-12-25
  • 2022-01-03
  • 2021-12-25
  • 2021-07-22
  • 2021-12-04
相关资源
相似解决方案