safari调试工具h5手机_iOS通过safari真机调试H5页面

在app的有些模块里使用h5页面展示可以给移动开发者带来很大的方便, 但是一旦涉及到与本地交互的时候, 调试并不是很方便. 通过谷歌发现通过Safari 辅助功能，可以很好的发现定位问题.

总结操作不走如下:

1. 手机 ->设置->Safari ->高级->JavaScript 打开、Web检查器 打开

2.通过xcode 连接手机 运行App

3.在App中 进入到H5展示到页面

4.在Mac上打开Safari： Safari->偏好设置->选择 “在菜单栏中显示“开发””选项.

5.Safari->开发

在app的有些模块里使用h5页面展示可以给移动开发者带来很大的方便, 但是一旦涉及到与本地交互的时候, 调试并不是很方便. 通过谷歌发现通过Safari 辅助功能，可以很好的发现定位问题.

总结操作不走如下:

1. 手机 ->设置->Safari ->高级->JavaScript 打开、Web检查器 打开

2.通过xcode 连接手机 运行App

3.在App中 进入到H5展示到页面

4.在Mac上打开Safari： Safari->偏好设置->选择 “在菜单栏中显示“开发””选项.

5.Safari->开发

image.png

image2.png

6.然后在控制台上调试了