如果是mac在使用前需要点一下macOS proxy

抓包的作用：

抓包能看到所有发出去的请求，能帮助我们定位问题，看看是后端接口出现的问题，还是前端有问题：如果接口返回的都是对的就是前端的问题，如果接口返回异常就 是后端接口有问题

http请求抓取：

怎么抓手机上的包

1、确定你的电脑和你的手机在一个局域网里面

2、手机设置代理：

在wifi那里配 置代理选择手动服务器那里设置自己电脑IP端口号设置8888

一百种charles连接不上手机的处理方式

1、检查电脑和手机有没有连接的同一个wifi，必须tm连接的一个网

2、更换charles和移动端设备的端口，默认是8888，可以改成其他的试试

3、有可能路由器设置的ap间不能相互访问，需要登录路由器，需要登录路由器。进行求改。把用户间访问的对勾勾上。类似于这样

4、关闭电脑的防火墙。试试 首先，如果，防火墙关了还是不行，那么请把手机wifi断掉后重新连接，这样一般就可以解决问题了。 如果以上方法还是不行的话，那么请将手机wifi位置的ip地址设置成静态ip，然后重启charles工具。

5、在charles上添加手机的ip试试

查看charles端口号：

3、ipconfig，查看自己电脑的ip地址

4、手机通过设置http代理服务器，连接到电脑

　　服务器输入电脑的ip

　　端口和charles的端口一致，

 

5、此时charles会给出提示。有新的连接。点击allow

6、连接成功，此时手机发送的内容，charles可以抓到。

然后如果勾选了Proxy - Windows Proxy 的话，那么就会将电脑上的抓包请求也抓取到，如果只抓手机的话，可以将这个设置为不勾选。

 

怎么在模拟弱网测试 

什么样的网络属于弱网

低于2G速率的时候都属于弱网，3G也可划分为弱网，一般Wi-Fi不划入弱网测试范畴。

charles模拟弱网  proxy => throttle settings

配置参数解析：

bandwidth —— 带宽，即上行、下行数据传输速度

utilisation —— 带宽可用率，大部分modern是100%

round-trip latency —— 第一个请求的时延，单位是ms。

MTU —— 最大传输单元，即TCP包的最大size，可以更真实模拟TCP层，每次传输的分包情况。

Releability —— 指连接的可靠性。这里指的是10kb的可靠率。用于模拟网络不稳定。

Stability —— 连接稳定性，也会影响带宽可用性。用于模拟移动网络，移动网络连接一般不可靠。

方法二：chrome的webview调试工具弱网模拟

使用chrome的webview调试工具，缺点是只适用于web页面的弱网模拟。

具体步骤：

（1）应用打开webview调试功能，具体如下：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {

    WebView.setWebContentsDebuggingEnabled(true);

}

（2）手机链接电脑，运行APP，进入具体H5页面；

（3）chrome的DevTools中打开Webview：进入chrome://inspect/#devices，会显示已经连接设备，选中待调试webview的inspect

network页面，No throttling下拉框，可以进行网络模拟。

 

怎么拦截请求

6、charles http 拦截（Breakpoints）

在Sequence 这拦，选择要拦截的接口，右击 -> Breakpoints 以后的请求和响应分别拦截一次跳到改数据内容页面。

按钮说明：

cancel 跳过不改

abort 丢弃

excute 执行（修改后点击）

 2、在浏览器中刷新该页面，Charles会跳转到Breakpoints列表

 3、篡改请求信息后，点击底部Execute按钮

 

4、返回浏览器查看服务器返回结果，返回的页面信息为http://www.nnzhp.cn/archives/category/python，而不是用户真正请求的http://www.nnzhp.cn/

篡改服务器响应结果【可以用来模拟移动端的接口返回异常的情况】

1、设置Breakpoints，将请求信息拦截，然后什么都不改，跳转到如下界面：

3、点击Text，修改返回信息，点击Execute

4、返回浏览器查看页面，展示信息如下

 给请求加参数

对需要加参数的页面进行拦截，然后刷新，到breakpoints页面点击ADD,添加需要添加的参数，点击Execute

然后等charles返回，返回带有参数，如下图：

抓Https的包

1. 安装charles ca证书

1.1 选择 help | Install Charles CA SSL Certificate

1.2 然后会弹出证书信息，选择安装证书，下一步，将证书存储改为：受信任的根证书颁发机构，下一步，完成

2. 修改charles的proxy settings

2.1 选择Proxy | Proxy Settings，弹出proxy设置选项卡，勾选Enabling transparent HTTP proxying

2.2 选择ssl,勾选Enable SSL Proxying，在Location部份选择add，按如下图添加，抓取任意站点、443端口的数据

 这个时候去抓https://googleads.g.doubleclick.net/pagead/html/r20181107/r20180604/zrt_lookup.html返回200就正确了！

URL映射 （把一个地址的请求转发到另一个地方）

用途：比如线上有个bug需要验证，可以用线上的APP往线下发请求

访问http://www.nnzhp.cn时向http://www.cc-na.cn/这个发请求

浏览器展示如下：

 

选择Map Local,映射到本地你保存的文件上面

选择map local 是返回本地文件内容

 

 浏览器展示如下：