Charles的配置与使用

PC:MacOS
手机:iPhone

中文名叫青花瓷,它是一款基于HTTP协议的代理服务器,经过成为电脑或者浏览器的代理,而后截取请求和请求结果达到分析抓包的目的。css

配置

手机端

  1. 开启Charles,使手机与Mac处于同一Wi-Fi环境下,点击Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser

按提示配置代理,以后安装手机端证书(safari访问 chls.pro/ssl 默认下载)并信任(设置 -> 通用 -> 关于 -> 证书信任设置)

手机配置代理html

若是你须要在不一样地点办公使用charles,手机端须要添加新证书,并信任。
证书信任设置前端

Mac端

  1. 安装证书并信任(点击以后没反应就在 keychain 里面搜索 charles 试试)

安装证书
信任证书

  1. 开启SSL代理

  1. 关闭 macOS proxy,避免干扰

至此,Charles就应该能够正常使用了。

Map 功能

Charles 的 map 功能可将某个请求进行重定向,用重定向的内容响应请求的内容。具体分为两种:map local (将某个网络请求重定向到本地某个文件)、map remote (将某个网络请求重定向到另外一个网络请求),二者均可以将js、css、html以及api接口进行重定向,此外也可使用通配符来进行简单的批量匹配,达到批量重定向的目的。

Map local

在开发过程当中使用 map local 功能能够返回自定义数据来覆盖各类测试样例。
步骤:api

  1. 功能开启: Tools → map local -> ✔️ Enable Map Local
  2. 添加要调试的请求:点击 add 按钮,或在此请求上点击右键,选择map local

 map from(要调试的线上文件)、map to(本地文件)
右键弹窗
Edit Mapping浏览器

  1. 在对应目录建立文件,自定义假数据便可。

本地假数据

Map remote

进行一个需求开发,测试环境是:dev.a.com,测试完成,前端开发者上线了,如今QA须要跟踪线上状况,如何切到线上环境?这时就用到了 map remote 。步骤与 map local 相似。服务器

Map 通配符

*: 能够匹配0个或者多个字符
?: 能够匹配一个字符网络

Throttle

Thorttle Settingsapp

  • Bandwidth 带宽
  • Utilisation 利用率
  • Round-trip latency 往返延迟
  • MTU(maximum transmission unit)最大传输单元
  • Reliability 可靠性
  • Stability 稳定性
  • Unstable quality range 不稳定的质量范围

相关文章
相关标签/搜索