如何利用Hbuilder真机调试安卓手机【小米、华为】

背景

最近利用hbuilder开发安卓的app，虽然通过浏览器的开发者工具可以模拟，但最好是通过真机测试才能保证功能实际和预期效果一致。另外有些Html5+的api也只有通过真机调试才能看出来效果。

工具准备

1. HbuilderX的工具，官网下载直接安装就好。
2. 新建一个Html5+的项目，mui的项目。把H5的js、css、html5等copy到项目。
3. 电脑下载360手机助手PC版，手机下载360助手手机版（看这个教程应该用得到，可以简化问题）

操作步骤

1. 打开手机的开发者模式，这个百度一下，或者按照360助手提示操作。
2. 确保360手机助手可以连接的前提下，打开hbuilder,运行到手机。可以看到手机已经被检测到。如果上面1没成功，就不能检测到手机。
   
3. 第一次连接时，会在手机上安装Hbuilder的基座。安装完成后最自动打包到你的手机并运行。此时通过手机就可以调试。

Why?

1. 可以在电脑端的控制台看log。
2. 代码更新后保存，app自动更新，调试快速。
   和打包到app在安装到手机相比，效率提高了千万倍。这里我主要是为了保存一下参考。简单过程如上。