简介
H5移动端开发，会遇到各种各样的兼容性问题，如何才能快速的定位到问题？这里将介绍如何调试iphone和andriod。
使用safari调试iphone
1. 手机端配置safari
配置路径：设置 -> Safari浏览器 -> 高级 -> 开启JavaScript, 和web检查器。
2. mac端safari设置为开发模式
配置路径：Safari浏览器 –> 偏好设置 –> 高级 –> 勾选在菜单栏中显示’开发‘菜单
3. 调试
在safari浏览器中的菜单中找到开发标签，当你手机使用数据线连接到电脑（必须使用数据线连接）时，所有手机中的safari浏览器中浏览的页面都会出现在对应的设备中，可以选择在mac上打断点调试。
safari浏览器中的开发菜单
选中相应页面后效果
使用chrome调试
1. 手机端设置
- 把手机的开发者模式打开，设置——系统——关于手机——版本号 快速点击版本号，这样开发者模式就打开了，还要在设置里面-开发者选项-USB调试开关打开
- 用数据线把手机和电脑链接起来，这时候手机会弹出一个提示，直接点击确认
2. 电脑端打开chrome， 输入： chrome://inspect/#devices
-
效果如下：
-
点击inspect，打开调试器，如下：
- 页面有可能出现404 Not Found
原因是： 国内网络无法访问 chrome-devtools-frontend.appspot.com
解决方案： 换浏览器，Edge浏览器，也能进行调试，打开调试 edge://inspect/#devices
