Notes for a front-end developer, esyou.net

0%

APP开发之在CHROME中进行真机调试

使用cordova或者ionic进行app开发时,在浏览器端总是无法监听到cordova插件的运行效果,我们总是需要将app安装到手机上进行运行查看,但是在手机上我们仅能进行查看运行效果,如果哪里出错了我们并无法发现,也不会报console错误,chrome为我们提供了一个很不错的设备调试工具,通过chrome的设备调试工具,我们可以连接到手机以及模拟器,并进行监听运行状态。
如果你使用的是手机进行调试,那么请打开你的usb调试功能,否则chrome无法识别你的设备,我使用的是android逍遥游模拟器,下面就来看看如何进行调试吧!

手机USB调试打开,数据线连接到电脑

在命令行输入

1
adb devices

查看是否已经连接上手机设备
(如果是模拟器)

1
adb connect 127.0.0.1:端口号

在chrome中输入如下命令

chrome://inspect
chrome会为你找到目前已经连接的Android设备

点击inspect

看到鼠标移动到element上的时候,真机中的效果了吧,这样你就可以使用chrome为你的app进行调试了,你可以查看console信息,可以发现是哪里出现了问题!