iPhone手机调试工具Safari

通过Safari调试手机页面在移动web开发过程中，需要经常考虑调试的问题，以下将对如何在苹果手机的safari浏览器上调试H5页面进行介绍。

准备工作：

Mac电脑，iPhone手机，数据线

相关配置

1.mac端safari浏览器设置开发模式：
Safari--偏好设置--高级--勾选在菜单栏中显示’开发‘菜单

图片
图片

1.iphone手机端safari配置
首先在手机配置中找到safari浏览器的配置项，然后在Safari浏览器配置页面最后找到高级选项， 在高级选项中打开JavaScript和Web检查器选项。
设置
Safari浏览器配置页面

图片
高级配置页面
图片
图片
2.mac端safari配置

在safari浏览器中的菜单中找到开发标签，当你手机使用数据线连接到电脑（必须使用数据线连接）时，所有手机中的safari浏览器中浏览的页面都会出现在对应的设备中，可以选择在mac上打断点调试。
safari浏览器中的开发菜单

图片
选中相应页面后效果
图片

我的个人博客,有空来坐坐