Cordova开发App使用USB进行真机调试

 

在使用cordova开发app时,不像浏览器中可以直接使用浏览器的开发者工具进行调试。为了看到app的显示效果,

一种是使用模拟器进行展示,一种是使用真机进行展示。

模拟器:可以使用Android studio,可以安装一些对应的模拟器进行显示。这里不讲解Android studio和模拟器的安装。

 

这里介绍下如何使用真机进行usb链接调试。

第一步:在真机上安装app,也可以使用Android studio来安装,或者直接使用apk安装。Android studio安装时选择真机,前提真机要使用usb链接电脑上,这样才能识别到。

如果遇到 无法安装提示设备没有准备好,可以先build 菜单下点击 Clean Project, 然后在重新安装

  

 

 第二步:启动google浏览器的开发者工具,如果没有识别到设备,可能是usb链接问题或者是电脑识别手机的驱动问题

 

 

第三步:打开手机,运行安装的app,然后点开浏览器开发者工具,这时Remote devices界面会有些变化。点击Inspect按钮,弹出调试的界面。

         如果发现弹出的界面显示404,not found 这时需要FQ,第一次使用要进行FQ。

 

 

 

 

 第四步:修改代码后,关闭手机app,这时调试界面会提示Connection lost ,关闭重新打开。

       如果Remote devices界面的Inspect按钮灰色,可以先切换Setting再切换对应设备。

 

此时就可以开心的进行usb调试了,不再纠结如何方便的调试,不过项目中是要求在电视显示屏中展示,

这个还没有思路,键盘事件和遥控器事件还在懵逼中。做完再记录下

猜你喜欢

转载自www.cnblogs.com/wind-wang/p/10650789.html