这是我参与「第五届青训营 」伴学笔记创作活动的第 22 天

1.Web应用使用Chrome devTools调试

1.环境配置：在开发过程中我们可以需要在一些特定的环境下去定位和复现问题，chrome提供了一系列的配置，比如：设备型号（UA）、屏幕宽高、网络环境等等。 2. 优化source/network展示：当我们需要查看该页面的原始文件时，在source中可能会比较难以找到，此时我们可以修改下他的显示方式，在network栏里面，我们也可以修改他的排列顺序，比如点击Name就会让它根据name的首字母进行排序。 3.复制数据、复制请求：当涉及到一些数据和请求的问题时，我们可以需要把对应的数据和请求复制下来，再进一步根据这个数据和请求去进行定位，chrome提供了比较方便的复制方法，比如在控制台输入copy即可把数据复制到剪切板，而对于请求，我们在network中对这个请求点击右键，就可以方便的将其复制为fetch或者cURL。

2.移动端H5调试

1. 安装spy-debugger
2. 手机和PC保持在同一网络下
3. 手机开启网络代理，ip为pc的ip，端口号默认为9888
4. https页面需手机安装证书

3.NodeJs应用调试

1. console.log
2. 断点调试：node debugger 或node inspector 或vscode
3. 测试驱动开发

4.常用代理工具的使用

1. 代理功能：http/https、socks5
2. 请求模拟工具：拼装请求、重放请求、重复请求
3. 网络环境模拟：限速、超时、返回异常
4. mock：请求修改、响应修改
5. fake：用测试环境代替真实环境

5.推荐几个工具

1. mitmproxy：测试开发工程师必备
2. zap：测试工程师安全测试工具
3. Charles：开发/测试工程师必备