GitLab

背景

最近碰到一个问题，邻小汇app加载阿里云页面时出错，一直停留在加载动画状态。 在Mac上通过safari浏览器调试h5的方式，定位到了阿里云页面上发生问题的具体位置，记录一下。

这个方式适合调试，第三方页面，或者本地运行正常但是打包部署后运行有错误的线上页面。

具体步骤

前3步属于准备工作，操作过一次就行了。之后每次执行时直接从步骤4开始

1 iOS app必须是用开发证书打的开发包，不能是app store下载的包（重要！） 必要的时候联系app原生开发者，打开发包。

2 打开iPhone 设置-> Safari浏览器-> 高级-> 网页检查器，设为打开（设置一次即可）

3 Mac版Safari偏好设置-> 高级-> 在菜单栏显示“开发”菜单（设置一次即可）

4 手机通过数据线连接Mac电脑，打开要调试的app中的h5页，打开Mac版Safari的“开发”菜单

5 选择具体的页面后，会打开网页检查器。 其中有元素、控制台、网络、来源等tab面板，和Chrome大同小异。

6 可以刷新页面，让控制台重新提示红字错误，点击错误信息跳到具体代码。打上断点开始调试，离解决问题也不远了。