H5-hybird 调试方法
背景
随着移动端设备的普及，移动端H5 混合开发随之爆发式增长，我们平时开发H5 使用的chrome 模拟H5 页面开发，很多兼容性问题没法发现，很多问题，真机调试时候才发现。所有，我们需要根据具体的手机来调试相关H5 页面。
安卓调试
调试步骤：
使用usb数据线将手机和电脑相连
手机触发开发者模式， 并允许调试
我这里以小米手机为例子：
设置 -> 我的设备 -> 全部参数 -> 疯狂点击版本信息
设置 -> 更多设置 -> 开发者选项 -> USB 调试打开
打开安卓app, 进入内嵌的H5页面 ，打开chrome, 输入 chrome://inspect/#devices
可以看到我们当前安卓app 打开的H5页面的链接，我们点击inspect开始进行调试，剩下的操作，跟我们在chrome 里调试H5一样了。
ios 调试
既可以借助真机调试，也可以借助模拟器进行调试，但是前提是必须有macOS 系统
方法一： 模拟器调试
环境要求：
- macOS + Safari
- Simulator
问题： 如果打开safarif菜单栏，没有开发tab, 需要设置下，见下图
方法二： iphone 真机调试
步骤：
- 使用Lightning数据线将iPhone 与 mac 相连
- iPhone 开启Web检查器（设置 - Safari - 高级 - 开启Web检查器 ）
- iphone 使用Safari 浏览器 打开要调试的页面，剩下的调试过程 跟方法一一样。
方法三： 模拟器安装 app 进行调试
此方法的要求较高，需要跟IOS的同事沟通，获得IOS同事的app源码,并通过Xcode进行构建。
步骤：
- 首先要Mac 系统 要下载 Xcode
- 下载APP的源码，引入 Xcode进行构建
构建完成之后，会自动弹出构建好的app模拟器，让弹出的模拟器，在程序坞中保留，这样下次可以直接使用，不用再次构建了。
剩下的流程就跟方法一的调试方法一致了，都是借助mac safari 来调试。
总结
安卓的调试方法比较简单直接，ios 较为复杂些。
iOS调试方法：
1: 针对方法一，二， 直接打开ios 模拟器Simulator或者真机调试，通过Safari输入网页, 可以调试iOS H5, 并通过 mac safari进行调试。缺点是不能在ios app的webview中进行仿真调试，但是成本低，效率高，99% 的场景推荐使用。
2：针对方法三，安装IOS APP， 可以在webview里进行调试，可以调试复杂的兼容性问题。 但是安装相应版本的App的成本较高，不是非用不可，不建议使用。
