charles 抓mac

from: http://jingyan.baidu.com/article/335530da80e70319ca41c37c.html?qq-pf-to=pcqq.group

在进行web或者移动端开发时,网络Http请求一般都是少不了的,经常需要进行测试自己的网络请求是否正确,这里介绍下如何在MacOS下使用Charles进行Http请求分析。

工具/原料

  • MacOS一台
  • Charles

1、安装配置

  1. 1

    下载安装Charles,

    直接百度搜索“Charles”第一个就是。

    如何在MacOS下使用Charles进行Http请求分析
  2. 2

    安装好之后,打开软件如图:

    如何在MacOS下使用Charles进行Http请求分析
  3. 3

    打开菜单栏,选择“Proxy”,勾选“Starting Recording”和“Mac OS X Proxy”。

    其中“Starting Recording”表示开始进行记录网络请求。

    “Mac OS X Proxy”表示将系统代理设置通过此"Proxy"。

    如何在MacOS下使用Charles进行Http请求分析
  4. 4

    此时打开系统偏好设置,查看网络偏好设置。

    点击高级,切换到"代理",可以看到HTTP和HTTPS被设置代理到

    127.0.0.1 端口号8888

    如何在MacOS下使用Charles进行Http请求分析
    如何在MacOS下使用Charles进行Http请求分析
  5. 5

    这是可以进行HTTP请求分析了,但是如果要进行https请求分析,还需要进一步操作。

    打开“Charles”Helper菜单,选择“Install Charles CA SSL certificate...”

    将证书添加到系统钥匙串中。

    如何在MacOS下使用Charles进行Http请求分析
  6. 6

    打开菜单栏选择“Proxy”>>“Proxy settings”

    如何在MacOS下使用Charles进行Http请求分析
  7. 7

    弹出对话框,切换到“SSL”,在“Locations”下点击“Add”按钮,添加一个空的规则。

    在弹出来的“Edit Locations”直接点击“OK”。

    如何在MacOS下使用Charles进行Http请求分析
  8. 8

    这个时候就可以抓取HTTPS请求了。

    如何在MacOS下使用Charles进行Http请求分析
    END

2、移动端设备进行测试

  1. 1

    查看本机IP,

    在Charles,点击菜单栏的“Help”,选择“Local IP Address”,就可以看到IP了。

    如何在MacOS下使用Charles进行Http请求分析
    如何在MacOS下使用Charles进行Http请求分析
  2. 2

    看到了本机的IP,这个时候打开移动端Wifi设置。

    将代理IP这是为上面的IP,端口设置为,前面步骤的“8888”。

    注意:需要电脑和移动设备处于同一个局域网才行。

    END

3、模拟网络速度

  1. 选择菜单栏的“Proxy”,选择“Throttle Setting”

    如何在MacOS下使用Charles进行Http请求分析
  2. 在弹出来的设置菜单,勾选“Enable Throttle”,选择“Throttle preset”模拟的速度。

    如何在MacOS下使用Charles进行Http请求分析
  3. 3

    点击“OK”关闭,回到主页面,点击工具栏里的小旗帜。

    当有网络请求时,就可以被拦截,并根据设置,来模拟设置的网络状态了。

    如何在MacOS下使用Charles进行Http请求分析
    END

注意事项

  • Charles不仅支持MacOS ,还支持windows与linux系统。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值