app开发之在chrome中进行真机调试

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

查看是否已经连接上手机设备
(如果是模拟器)
adb connect 127.0.0.1:端口号
2、在chrome中输入如下命令
chrome://inspect
chrome会为你找到目前已经连接的Android设备

chrome真机调试
chrome真机调试

3、点击inspect
chrome真机调试
chrome真机调试

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注