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

相关配置

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

设置

Safari浏览器配置页面

高级配置页面

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

safari浏览器中的开发菜单

选中相应页面后效果

注意: 如果mac端safari浏览器中没有出现__开发__标签,可以通过以下方式调出。

勾选在菜单栏中显示开发菜单