移动端真机调试

又是开篇的碎碎念。前不久做客户端的页面，踩了很多坑。愿世界只有chrome，愿世界只有iOS/Android，大概是每个前端开发的心愿了。

这是一篇工具文：记录移动端开发中的一些调试工具。

有腾讯开发的开源插件。支持console和网络请求，本地存储等查看。基本能满足日常的开发。

vConsole可以帮我们简单的查看网络请求，但是无法获取到请求的具体内容。所以还是需要使用charles进行抓包（windows系统可以使用 fildder）。

（大佬级别的都是放到最后的，可想我对chrome真的是爱的深沉）。chrome提供给了我们真机调试的功能，我们可以像在chrome调试本地页面一样来调试客户端内的页面，听着就很心动！

给一些小Tips：

一般我们真机调试都是在调试客户端内的H5页面，所以需要满足你的客户端支持调试(可以找你们测试童鞋要测试包)
打开开发者模式。ios和android，甚至是不同厂商打开开发者模式都不一样，所以具体请谷歌。
打开USB调试。
chrome检查设备在78？没记错的话，就是78版本才支持自动检查连接的设备，在之前的设备，需要自己手动的安装adb。具体看无法看到我的设备chrome：// inspect /＃devices （emmmm貌似就是android开发的工具）

这个是我很久之前用到的，现在看来真的不是很好用。但是作为一个过渡式，还是写下来。这个工具主要是用来调试UI的。（只能调试UI，其他js等完全不能）。而且光调试UI，也…不好用。（毕竟之前也算是帮我调试出了一个ios的样式问题，所以不好太明目张胆的过河拆桥）。不推荐使用！