Charles 抓包

334 阅读1分钟

PC 端 http 资源抓包 (Mac 电脑示范)

  1. 下载 charles 软件 www.charlesproxy.com/download/
  2. 打开 charles,选择 Proxy-Mac OS X Proxy,这样,浏览器刷新页面,http 资源就可以打印到 charles 里面。如图: image.png

PC 端 https 资源抓包 (Mac 电脑示范)

  1. 安装证书: image.png image.png image.png

  2. 选择 Proxy - SSL Proxying Settings 选项,在 SSL Proxying 这块,新加一个 *443 , 这样,就完成 https 的抓包啦 image.png image.png

charles 老闪退解决办法(注册码):

www.cnblogs.com/nicece/p/10… www.zzzmode.com/mytools/cha…

手机抓包的过程

  1. 手机安装证书:
    1. 手机连接电脑Ip地址
    2. 手机浏览器打开charlesproxy.com/getssl 或者 chls.pro/ssl ,进行安装
  2. 手机安装的证书需要进行认证,通用-关于本机-证书信任设置
  3. iphone为列:设置-无线局域网-点击wifi 最右边-配置代理-手动;输入 IP地址和端口号,点击保存即可
  4. 接下来,就可以去 app 端里,抓请求啦 image.png image.png

charles Mock 数据操作

  1. charles 抓到请求的数据,选择接口,右键-Map Local ;选择本地一个json 即可完成mock image.png image.png

手机端访问页面,以及接口mock代理,charles 解决跨域

  1. 选择 Tools-Rewrite,里面对应的内容都填写ok,点击 Apply 就解决啦 image.png image.png
上图里面的内容:大家可以直接复制到对应的里面即可

name:跨域
Rules:
1. Type:Remove Header
勾选 Response 
Match:
     Name:Access-Control-Alloq-Origin

2. Type: Add Header
勾选 Response
Replace:
     Name: Access-Control-Allow-Origin
     Value: 
勾选 Replace All

3. Type: Remove Header
勾选 Response
Match:
     name: Access-Control-Allow-Credentials
勾选 Replace All

浏览器解决跨域

chrome 浏览器可以安装一个插件:Allow-Control-Allow-Origin image.png

blog.csdn.net/bingleihens…

这是我个人工作总结的。不对的还希望和大家一起指正学习!