移动端调试

2022-08-16 前端移动端 PV:

安卓端 APP 调试本地代码

需要手机连接电脑 ip:端口号;
需要支持 chrome://inspect 方式（电脑要能够翻墙)

1. 安装 whistle $ npm install -g whistle
1. 启动 whistle $ w2 start
1. 浏览器配置代理，具体配置值如下
  a. 安装好SwitchyOmega
  b. 在SwitchyOmega中新增情景模式，起个名字XXXX，代理协议：HTTP；代理服务器 127.0.0.1；代理端口 8899
  c. 在auto switch中配置以下三个，条件类型：域名通配符；条件分别设置以下三个环境；情景模式选择以上新增的XXXX
  d. 然后点击左侧的应用选项

想要即支持本地代理又支持翻墙代理配置如下

// 本地环境代理
// 情景模式: auto switch

 条件类型      条件设置                           情景模式

 域名通配符     dev.test.ximalaya.com            前端环境代理
 域名通配符     m.test.ximalaya.com              前端环境代理
 域名通配符     m.ximalaya.com                   前端环境代理
 域名通配符     *                                喜马拉雅代理 // 翻墙代理

// 翻墙代理

// 情景模式: 喜马拉雅代理
代理服务器

网址协议    代理协议    代理服务器        代理端口
(默认)      HTTP      192.168.3.52    47777

安卓端调试

1. 打开chrome://inspect调试
1. 手机端 webview 要支持打开调试模式
1. 链接数据线打开调试模式

ios 调试

1. ios 手机设置打开调试——网页检查器
1. pc 端 Safari 浏览器打开——>开发——>信任
1. 客户端 APP 还需要打开允许 Safari 调试

调试过程中出现的问题

1. chrome://inspect 打开本地的时候报网络错误
  解决方案：下楼散了个步回来就好了-__-莫名其妙，不知道什么原因,难道是翻墙不稳定？