Charles、Fiddler 进行抓包，模拟弱网

问题定位

1、首先了解问题的发生环节

2、针对问题发生的环节进行抓包（有日志看日志）

查看请求和响应（参考API文档）

3、问题判断：

如果没有请求或者请求出错，就是前端的问题（请求方法、请求参数、url）

如果请求正确就查看响应，如果没有响应数据或者显响应出错，就是后端问题

请求和响应都正确，但显示页面错误，也是前端错误

fiddler抓包

如何抓取https数据包？

• 需要先将fiddler设置为电脑的代理服务，然后在电脑上安装信任证书，即可抓包
• 代理：fiddler工具打开时会自动给电脑设置代理服务
• 安装证书：tools–options–https–Actions（trust root certificate）

手机抓包

先设置（手机和电脑连接同一wifi）

1、在fiddler里开启允许手机连接：Tools–options–connections—勾选 allow remote computers  to connect

2、在手机里按装fiddler证书，

在手机浏览器中输入电脑ip地址：fiddler端口号

在浏览器中直接安装或者在设置中安装

3、手机设置代理：WiFi高级设置—代理设置调整为手动

4、手机运行项目进行抓包执行

1、设置过滤：Filters—勾选USE Filters–第二个下拉框选择show ONLY the following hosts—输入框中输入需要过滤的域名或ip地址—-点击Actions（run Filterset now）

2、设置断点：绕过前端界面限制，直接测试服务端（拦截请求）

前端校验：输入框的输入限制

后端校验：直接判断数据信息，校验其是否合理

弱网测试流程

操作：

1、配置网络环境：rules—>customize rules—>修改数据

2、开启设置让配置生效：rules—>performance—>勾选simulate modem speeds

3、打开测试项目

弱网环境下可能会出现的异常

1. 上传文件时进度卡住不动
2. 登录不上或者登录后立即掉线
3. 响应过程中页面控件可点击，导致崩溃
4. 搜索不响应，多次点击后结果总在刷新被替换

Charles抓包

1、Charles中允许手机连接

2、手机里先设置代理

3、下载并安装证书

4、测试项目