代码改变世界

使用谷歌浏览器调试安卓app(h5)之遇到坑

2020-12-30 17:04  小罗世界  阅读(4461)  评论(0编辑  收藏  举报

对于前端人员来说这一点是必须要弄清楚的,但是对于小白来说还是有一点的坑。

首先得看你的安卓是否支持‘’开发人员选项‘’,如果支持就直接打开USB

调试(不会的自己百度搜索哦)那开始教程:

第一步,在你的手机上安装谷歌浏览器,

第二步,在你的手机安装你要调试的app,但是在安装你的app之前你必须安装的是debug版本,就是可以调试的。那要怎么弄才是调试的,我使用androstudio,在启动文件中添加:webView.setWebContentsDebuggingEnabled(true);

 

 

 在这个文件中修改如下

 

 

 

 

 这样打包出来的app就是可以调试的。

第三步:就是安卓手机和pc端谷歌浏览器之间的联系了,具体如下:

1.手机端环境:
           安装谷歌浏览器
           打开开发者模式 (请根据不同机型自行百度)
           谷歌浏览器 输入访问地址(随便默认,只要打开了谷歌浏览器就可以)

2,使用USB数据线把你的手机和电脑连接

2.pc端:

谷歌浏览器 打开 chrome://inspect/#devices网址, 若手机连接电脑成功则出现设备号,详见下图:

 

 点击 inspect 开始调试,若出现 http/1.1 404 not found ,请打开电脑端VPN,再次点击inspect,若打开vpn不会编辑,自行白度和问高手。

出现这个的原因是因为不能访问,手机端的谷歌浏览器,和pc端的谷歌浏览器不是同版本,无法访问,所以我们必须要FQ,但是FQ也是一个难题,

对于小白来说,我这里给一个网址:https://dash.ibcn.space/,供大家研究,

打开这个网址之后,需要注册,然后下载对应的压缩包,然后根据说明一步一步的完成就ok了

首先进入到首页,根据图上提示:

 

 

下载完之后,解压解压包,打开之后运行:如图:

 

 此后就会出现这个界面:

 

 点击订阅,就会出现,订阅设置,和订阅更新:如下图:

 

 

 

 最后在我们电脑右下角那里点击右键

 

 弹出http代理和一些其他的内容,选中http中的开启http(全局模式)。

最后再去调试我们的app就不会出现 http/1.1 404 not found。

这样就ok了

 

 当然解决的办法,有很多,大家自行白度解决,但是这个确实是自己搞的,希望有帮助