Charles 手机抓包

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

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

两个步骤,咱们就能够轻松访问 http 资源啦chrome

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

  1. 在上面两步骤的基础之上,选择 Proxy - SSL Proxying Settings 选项
  2. 打开 SSL Proxying Settings 面板,在 SSL Proxying 这块,新加一个 *443 , 这样,就完成 https 的抓包啦
    image.png
    image.png
    image.png

手机抓包的过程

  1. 手机安装证书:
    1. 手机链接电脑Ip地址
    2. 手机浏览器打开http://charlesproxy.com/getssl,进行安装
  2. iphone为列:设置-无线局域网-点击wifi 最右边-配置代理-手动;输入 IP地址和端口号,点击保存便可
  3. 接下来,就能够去 app 端里,抓请求啦
    image.png
    image.png

charles Mock 数据操做

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

手机端访问页面,charles 解决跨域

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

name:Untitled Set
Rules:
1. Type:Remove Header
勾选 Request  和 Response
Match:
    Name:Access-Control-Alloq-Origin

2. Type: Add Header
勾选 Request  和 Response
    Replace:
Name: Access-Control-Allow-Origin
Value: *
勾选 Replace First

复制代码

浏览器解决跨域

chrome 浏览器能够安装一个插件:Allow-Control-Allow-Origin json

image.png

这是我我的工做总结的。不对的还但愿和你们一块儿指正学习!跨域

相关文章
相关标签/搜索