首页 > 代码库 > 移动WebApp利用Chrome浏览器进行调试

移动WebApp利用Chrome浏览器进行调试

详细的请看这个(HBuilder是我长期使用,而且值得支持的国内前端开发编辑器)

http://ask.dcloud.net.cn/article/151

http://ask.dcloud.net.cn/article/69

对于上面教程要注意的问题:

1,不需要考虑run in device问题,因为他们的软件设计改变了。

2,你必须要新建一个“移动App”,我这里的是h5+。

我主要是分析我遇到的问题:

(这几天,我会把一整套上传百度云盘,如果可以的话,然后共享)

共享的文件可以让你不需要下载那烦人的SDK的安卓4.4.2版本,因为要FQ,所以速度会很慢。

同时,我用的软件是JDK8,SDK 23的版本。 如果出现问题,你自己再重新下载SDK吧。

1,环境搭建

安卓的东西肯定要先搭建JAVA环境的,所以这个你要百度或谷歌搜索下载JDK软件

http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html

可以参考这个环境变量的配置。

2,Intel HAXM  

我安装这个的时候发现:SDK下载是没有这个东西的,然后就去官方下载了,再然后我就出现错误了:

提示的是:Intel Virtualization Technology (VT-X) 没开启,所以就算你安装了SDK,JDK这些也没用。

解决方法:百度下你自己的电脑如何进入bios里面  Intel Virtualization Technology (VT-X)设置成Enable 。

3,创建模拟器

记得在SD card那里设置好2G 哦,相对来说,你的模拟器设置成跟平常手机的内存和SD card差不多一样的话,以后就好调试了。

4,DevTools

模拟器搭建成功后,记得在里面找这个DevTools,然后选择USB 调试(USB Debugging),记得打勾就行。

5,inspect 该注意的问题

在Chrome地址栏,输入“about:inspect”或通过“菜单”->“工具”->“检查设备”打开设备检查页面:

一般情况下,你会发现是空白的,原因是谷歌服务(国内屏蔽了)所以你要准备好FQ,同时一般情况下,FQ只需要一次就够了,因为会有缓存。

 

成功实现手机web应用利用Chrome浏览器进行页面调试,这样你就可以用在PC调试的方法来进行手机应用调试了。

技术分享

 花了一天时间来解决这个问题,问题解决了还是值得的。

技术分享

移动WebApp利用Chrome浏览器进行调试