日常web开发中少不了须要抓包操做,在windows上Fiddler工具很是好用,因为接触mac系统不久,抓包工具换成了Charles,使用不太熟练,写下此文以做备忘,供别的第一次使用Charles工具小伙伴们参考,大神们请忽略哈。ios
下文中:pc端以mac为例,手机端以iPhone机器为例web
官网连接: https://www.charlesproxy.com/windows
下载后进行安装服务器
只要开启Charles,而后访问网页,就能看到Charles捕获的http请求了。网络
1). 通常状况下,须要保证链接的wifi和电脑端链接的wifi一致(有时候比较特殊,有些环境对网络作了隔离限制,这时须要手机端和pc端链接的wifi不能同样,因此当链接的wifi一致时charles始终捕获不到手机端的http请求时,可能因为此缘由引发)工具
2). 打开手机端的wifi代理设置,设置其为本机的ip和对应的端口号, Charles默认的端口号为8888
,能够自定义修改。
(ios: 设置-->无线局域网-->选择所链接的wifi后面的i图标-->配置代理-->选择手动-->填写服务器地址和端口号)
3). 而后就能抓到手机端的http请求了3d
当须要捕获https的请求时,通过上面的配置后,当访问https站点时,会出现以下的状况,此时就须要下面的额外配置代理
1). 安装Charles证书,Help --> SSL Proxying --> Install Charles Root Certificate
2). 安装后,证书状态以下
3). 此时须要信任该证书,以下图所示操做
4). 最后一步设置SSL Proxying,须要手动添加能访问的站点域名和443端口,此处能够配置成 *:443
, 通配全部的https请求,而后就能抓到https包了
code
1). 安装Charles证书, Help --> SSL Proxying --> Install Charles Root Certificate On a Mobile Device or Remote Browser
2). 手机端访问该弹出框上的地址进行证书安装
3). 最后一步比较重要,手机上须要信任该证书(ios: 设置-->通用-->关于本机-->证书信任设置-->打开所按安装的证书信任按钮)
若是没有设置这步,会出现以下状况
4). 而后就能抓到手机上https请求包了。blog
Yayyyyy,done!