其他分享
首页 > 其他分享> > Google浏览器调试移动端Cordova开发app详细教程,解决chrome调试白屏问题

Google浏览器调试移动端Cordova开发app详细教程,解决chrome调试白屏问题

作者:互联网

1.手机usb连接电脑

Android手机连接电脑,设置里进入开发者模式,设置》系统》关于手机》版本号,连续点击版本号5次进入开发者模式,并允许电脑调试手机。如图
image
一定要点击允许

2.测试连接是否成功

adb devices

打开cmd命令输入adb devices出现如图则成功!
image
注意:需要成功安装Android环境,百度Cordova环境搭建一大堆

3.打包Cordova为apk安装在手机

cordova run android

输入代码直接打包在已连接的手机上,安装即可

4.打开谷歌浏览器

打开谷歌浏览器,在地址栏输入 chrome://inspect 进入如下页面
image
BKL-AL20是我的设备型号,出现如图则连接成功

5.在手机上打开安装好的apk

打开app后浏览器显示如图(手机不要息屏)
image
点击inspect进入到调试页面,不出意外的话应该是一片空白,因为国内网络就是这样大家都懂,方法就是fq,每个不同型号的手机连接谷歌调试第一次都要fq。fq后再次点击inspect出现如图
image
ok 大公告成!

标签:Google,浏览器,chrome,手机,如图,Cordova,连接,调试
来源: https://www.cnblogs.com/netliuxinyu/p/16693323.html