6***@qq.com
6***@qq.com
  • 发布:2016-08-26 12:27
  • 更新:2016-08-26 12:27
  • 阅读:7265

chrome调试android虚拟机简单易操作版(基于官方)

分类:HBuilder

首先我们要用chrome调试我们的APP,就先得有chrome浏览器和hbuilder编辑器,hbuilder编辑器大家应该都有,chrome浏览器也很好下载,这里给大家一个新版本的chrome浏览器的下载地址 http://www.chromeliulanqi.com/ ,下载完以后安装一下就行。下面开始整起来吧!
第一步,为了调试,我们在hbuilder中新建一个app,可以直接选择h5 的模板文档。如图

新建项目

第二步,连接上你的模拟器或者真机,
1.如果想使用模拟器的话大家可以下载一个夜神模拟器http://www.yeshen.com/,下载完夜神模拟器以后需要到hbuilder中点击顶端的选项工具,然后再点击选项进入首选页页面

修改第三方模拟器端口图1

修改第三方模拟器端口图2

2.如果你想要使用真机测试的话,打开真机的开发者选项,具体的可以在电脑上下载一个360手机助手,根据360手机助手的提示操作,如果还是连接不上你的手机,可以在你的android手机上安装一个360连接助手,也是360的产品(我并不是360的宣传大使啊。。。),这样就可以完美解决hbuilder连接不上真机的情况了。
第三步,在你模拟器或者真机上运行在hbuilder上app项目,下面是2种运行app的方式。点开你想要检查的页面。如果是真机的话,会在手机上提示你是否要安装,当然要点击安装按钮。

安装应用方法1

安装应用方法2

第四步,打开chrome浏览器,在地址栏输入“chrome://inspect”,这时浏览器会出现下面这个界面。点击右边的红色箭头所指的是你所检查的页面地址,左边那个红色箭头所指的inspect是需要你去点击的,点击之后会弹出另外一个界面。

第五步,这时可能会出现这么一个情况,弹出的另外一个界面是白屏,这时需要翻墙一下(第一次使用的时候翻墙就行),可以下载一个GreenVPN,下载链接点此,又来广告了,http://www.greenvpn6.com/,这个软件每天有一个小时的免费使用时间,下载安装完这个vpn软件以后,连接一下vpn,接下来在你的chrome浏览器里测试一下,vpn有没有连接上,你只要输入个谷歌的地址www.google.com,如果他能进入这个地址,就说明vpn连接成功。你再点击inspect,弹出的屏幕就不会白屏了。

成功

4 关注 分享
Trust 2***@qq.com 不着急先生 小新的狗叫小白

要回复文章请先登录注册

2***@qq.com

2***@qq.com

用你推荐的软件已经连上VPN,可以打开google,但还是白屏,请问怎么解决?
2017-02-24 15:57
6***@qq.com

6***@qq.com (作者)

2017-01-10 09:49
小新的狗叫小白

小新的狗叫小白

登陆给你个赞
2016-12-21 10:35