你需要的App中h5的调试方法

手机调试在工作中经常会遇到原生app中嵌套h5，但是对于一些需要在app中调试的内容，目前还没有像chrome开发者工具这样的工具可以帮助我们快速定位问题。经过最近的项目开发，让我对app中h5的开发有了一些新的认识，所以记录下来（下面的方法是我觉得比较好用的调试方法，如果还有其他方法，欢迎指正）补充更正）IOS先总结：Xcode-simulator+相关的appdebugger包+safari浏览器开发者模式首先需要在AppStore下载Xcode=>打开开发者工具=>模拟器，会得到一个模拟器初始化模拟器后，将app拖入模拟器，打开h5入口，打开safari浏览器，在safariExplorer中浏览=>Preferences=>Advanced=>在菜单栏中显示“Development”选项，在safari菜单栏上点击勾选，develop=>选择你的模拟器=>选择对应页面完成！Android先总结：Android+数据线一条+chrome首先，将手机用数据线连接电脑，打开手机的开发者模式：设置=>关于手机=>版本号=>在设置中连续点击找到开发者选项=>打开USB调试，USB调试（安全设置）将手机打开打开innerapp中的h5，在PC端chrome地址栏输入chrome://inspect/#devices，在chrome中点击你要调试的h5下的inspect，电脑上会自动弹出一个带有页面和调试器的窗口，供您调试、开发和使用完毕！希望大家看完能喜欢，然后收藏起来，下次不记得了可以回来看！