1、将手机用USB连接到电脑，打开 HBuilder，选中你要运行的项目，点击 运行->手机运行，在其中找到你的手机，点击运行（如果没有看到手机列表，请用手机助手安装驱动）,如下图所示：
2、运行后手机上会自动打开 App,如下图所示：
3、然后打开你PC端上的Chrome浏览器，在地址栏输入chrome://inspect/#devices ，这里可以看到App中打开的所有页面，此功能还可以调试手机自带的浏览器内容，只要基于Chrome内核的都可以,如下图所示：
4、找到我们需要调试的页面，点击下面的 inspect 按钮，你会发现一直出现一个白页面，聪明的人应该知道，这是google的东西嘛，要准备梯子哦，如下图所示：
5、搭好梯子后点击 inspect 就会开始下载手机里对应的chrome调试工具，成功下载后会进入网页调试，web开发者们应该非常熟悉这个页面考稗挠黥吧。只需要第一次搭梯子，因为已经下载到你本地了，重装或重置chrome需要重新下载，如果你连接其他型号的手机也需要下载，因为版本不一样，如下图所示：
6、这里如果选中里面的html代码，手机上也会出现网页上一样的蓝色区域，和网页调试是不是一样呢，如下图所示：
7、以上就是在真机上调试