一、模拟器调试
1、启动Xcode
2、选择菜单Xcode - Open Developer Tool - Simulator
3、启动Simulator后,选择Simulator菜单Hardware - Device - iOS12.x - 再选择需要的手机/iPad型号
4、安装App,直接拖放App安装包到Simulator屏幕上,等待自动安装结束。
5、在App内访问开发环境,打开电脑端Safari浏览器,选择菜单:开发 - 模拟器,右侧会显示App内打开的web地址列表,选择你要调试的地址,会打开一个浏览器控制台,开始调试web view
二、真机调试
1、全局安装 spy-debugger 包
npm install spy-debugger -g
2、启动 spy-debugger,浏览器自动打开调试页面 http://127.0.0.1:63564
spy-debugger
3、 打开调试页面http://127.0.0.1:49858/,点击RootCA下载证书,发到手机上安装并添加信任。
4、确保手机和电脑在同一局域网且在同一网段,手机设置电脑为代理,设置路径:设置 - 无线局域网 - 点击当前连接的wifi右侧图标 - 配置代理 - 手动 - 服务器填电脑IP,端口默认填9888,保存,注意:因某些公司网络限制,电脑和手机很可能不在同一网段,如果电脑有无线网卡,将电脑wifi开关也打开,设置代理时就用wifi连接的IP地址
5、在App内访问开发环境,在http://127.0.0.1:49858/页面查看请求和控制台输出,页面分为两块:【页面调试】和【请求抓包】。