远程调试 Android 、ios设备使用入门

前言：之前做android的时候还是比较反感做h5的童鞋的，因为感觉他们只是在浏览器上适配一下，然后负责任的会在自己手机上看一下ok后，就不管了，然后android机型太jb多了，每次一遇到问题测试就会说：“看吧看吧，在ios上好好的，为啥到android上就不行了，然后android小伙伴很懵逼，md这能怪我啊？”，哈哈，如今自己也开始接触web前端了（打脸了），每次为了不让原生小伙伴也向我之前吐槽自己，于是就想看看是不是也可以有什么工具可以直接在真机上调试？网上一搜果然一大堆，不怕笑话，之前做android的时候还真不知道有chrome://inspect这么一个东西?

哈哈～～ 说了那么多废话，我们直接进入今天主题哈。

设置都比较简单，我就不一一介绍具体操作了，因为我发现别人写的比我好?，直接附上设置远程调试的步骤：

ios：safari调试iPhone app web页面
android：远程调试 Android 设备使用入门

补充一点：
调试android的时候，我发现某些手机如果没有打开webview的调试模式的时候chrome是看不到需要调试的页面的，这个时候你需要去app中打开webview的调试属性（需要判断是测试环境才打开，生产环境不要打开）

webView.setWebContentsDebuggingEnabled(true);

发现chrome://inspect这东西对于android程序猿调试不要太爽，可以看到页面的布局（具体到某个view的属性）、手机本地存储内容、网络请求等等。

个人觉得吧，做web前端特别是h5的童鞋还是有必要了解一下真机调试的，不装逼啦，溜啦溜啦～

欢迎志同道合的小伙伴入群，一起交流一起学习～～ 加油骚年！！
qq群链接：

参考链接：

• safari调试iPhone app web页面
• 远程调试 Android 设备使用入门