高端网站建设系统,wordpress 推送 微信,企业管理咨询与诊断,外贸营销推广方案移动端调试是每一位前端工程师必须掌握的技能#xff0c;在移动端环境上往往有很多不同的情况#xff0c;我们需要借助一些工具来调试。本文将介绍 Mac 如何安装 charles#xff0c;进行抓包、以及一些应用场景。场景一#xff1a;app端内线上环境接口报错#xff0c;想看…移动端调试是每一位前端工程师必须掌握的技能在移动端环境上往往有很多不同的情况我们需要借助一些工具来调试。本文将介绍 Mac 如何安装 charles进行抓包、以及一些应用场景。场景一app端内线上环境接口报错想看看请求数据是否有误场景二微信环境内调用微信支付等需要验证域名(aaa.bbb.com)才能调试。改一行代码我就发布上去?好麻烦啊。场景三app端内H5调用jsBridge和端上通信本地开发环境压根没有这些jsBridge方法那我改一行代码我就发布上去然后在端内调试常用调试工具eruda/vConsole Weinre、spy-debugger 等charles 抓包下载charles下载并且安装charles并且打开Mac 代理1. Mac上安装证书安装完成后我们只能抓取 http 的网址想要抓 https 的包需要安装证书点击 Help -- SSL Proxying -- Install Charles Root Certificate2. 信任证书安装成功后需要信任证书3. 开启Mac OS proxy4. 把需要代理到域名添加到 SSL Proxying5. 抓 https包 成功6. 抓包无法成功闭电脑上 其他 网络代理不关闭可能导致charles代理失败安卓手机 代理1. 开启工具点击 Help -- SSL Proxying -- Install Charles Root Certificate on a Mobile Device or Remote Browser2. 手机连接Wi-Fi配置网络代理连接当前网段wifi长按当前wifi-修改网络-高级设置-代理手动-输入ip地址和端口号3. 在手机浏览器输入 chls.pro/ssl 下载证书4. 安装证书在手机系统设置中搜索凭据-点击加密和凭据点击从存储设备中安装选择刚刚在浏览器中下载的证书5.把需要代理到域名添加到 SSL Proxying和Mac 设置SSL Proxying 步骤一致如果嫌单独添加麻烦, Proxy — SSL Proxying Settings 的配置地址如果不想每个域名都设置一次可以直接把 Host 和 Port 都设为 *允许抓取所有域名的请求包6. 至此安卓 抓包就可以成功了手机上打开一个百度的链接在charles的 structure 看看是否能抓到网络请求。用Map Remote 本地文件替换线上文件
