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

移动端开发过程中大量使用H5、js,而这些web页面的调试在Xcode控制台中不好调试。
Safari浏览器来开启开发模式连接iPhone来调试app脸面的web页面了。

1、启用Mac上Safari的开发模式

Safari浏览器-偏好设置-高级 选中 在菜单栏中显示“开发”菜单

iOS开发-使用Safari调试iOS APP H5页面_第1张图片
浏览器设置.png

进入开发模式


iOS开发-使用Safari调试iOS APP H5页面_第2张图片
菜单栏.png

2、启用iOS设备上Safari的开发模式

设置-Safari浏览器-高级-打开JavaScript和Web检查器

iOS开发-使用Safari调试iOS APP H5页面_第3张图片
iOS设备设置.png

3、调试iOS设备上Web页面

这时候讲iPhone链接到mac上,打开Safari浏览器,运行手机app里面的web页面,在开发菜单中选择连接的手机,找到调试的网页,就能在Safari里面调试了


选择设备
iOS开发-使用Safari调试iOS APP H5页面_第4张图片
开始调试

你可能感兴趣的:(iOS开发-使用Safari调试iOS APP H5页面)