iOS开发-使用Safari调试iOS|iOS开发-使用Safari调试iOS APP H5页面

移动端开发过程中大量使用H5、js,而这些web页面的调试在Xcode控制台中不好调试。
Safari浏览器来开启开发模式连接iPhone来调试app脸面的web页面了。
1、启用Mac上Safari的开发模式
Safari浏览器-偏好设置-高级 选中 在菜单栏中显示“开发”菜单
iOS开发-使用Safari调试iOS|iOS开发-使用Safari调试iOS APP H5页面
文章图片
浏览器设置.png 进入开发模式

iOS开发-使用Safari调试iOS|iOS开发-使用Safari调试iOS APP H5页面
文章图片
菜单栏.png 2、启用iOS设备上Safari的开发模式
设置-Safari浏览器-高级-打开JavaScript和Web检查器
iOS开发-使用Safari调试iOS|iOS开发-使用Safari调试iOS APP H5页面
文章图片
iOS设备设置.png 3、调试iOS设备上Web页面
【iOS开发-使用Safari调试iOS|iOS开发-使用Safari调试iOS APP H5页面】这时候讲iPhone链接到mac上,打开Safari浏览器,运行手机app里面的web页面,在开发菜单中选择连接的手机,找到调试的网页,就能在Safari里面调试了

选择设备 iOS开发-使用Safari调试iOS|iOS开发-使用Safari调试iOS APP H5页面
文章图片
开始调试

    推荐阅读