手摸手教你如何在iPhone中调试h5页面

手摸手教你如何在iPhone中调试h5页面

1.将自己的iPhone与Mac通过数据线连接

2.打开Mac中的Safari浏览器->偏好设置->高级->显示开发菜单

手摸手教你如何在iPhone中调试h5页面

3.在iPhone中打开设置项,开启Safari中的开发者模式点击 ‘高级’ 开启‘web检查器’

手摸手教你如何在iPhone中调试h5页面手摸手教你如何在iPhone中调试h5页面

4.此时准备工作就已经准备OK

5.用手机Safari浏览器浏览需要调试的页面

6.回到Mac中的Safari浏览器中,点击顶部的‘开发’

手摸手教你如何在iPhone中调试h5页面

此时会自动弹出一个开发者调试工具如图,可以轻松定位到元素 以及查看控制台打印信息手摸手教你如何在iPhone中调试h5页面