移动WebApp利用Chrome浏览器进行调试
详细的请看这个(HBuilder是我长期使用，而且值得支持的国内前端开发编辑器)
http://ask.dcloud.net.cn/article/151
http://ask.dcloud.net.cn/article/69
对于上面教程要注意的问题：
1，不需要考虑run in device问题，因为他们的软件设计改变了。
2，你必须要新建一个“移动App”，我这里的是h5+。
我主要是分析我遇到的问题：
同时，我用的软件是JDK8，SDK 23的版本。 如果出现问题，你自己再重新下载SDK吧。
为了方便你们自己下载，我提供一个通过修改host文件的内容给你们，自己添加进去就行。
于众所周知的原因，必须在hosts中增加一些网址对应，才可以更新 203.208.46.146 www.google.com 203.208.46.1 plus.google.com 203.208.46.1 accounts.google.com 203.208.46.1 picasaweb.google.com 203.208.46.1 lh1.ggpht.com 203.208.46.1 lh2.ggpht.com 203.208.46.1 lh3.ggpht.com 203.208.46.1 lh4.ggpht.com 203.208.46.1 lh5.ggpht.com 203.208.46.1 lh6.ggpht.com 203.208.46.1 lh6.googleusercontent.com 203.208.46.1 lh5.googleusercontent.com 203.208.46.1 lh4.googleusercontent.com 203.208.46.1 lh3.googleusercontent.com 203.208.46.1 lh2.googleusercontent.com 203.208.46.1 lh1.googleusercontent.com 203.208.46.1 talkgadget.google.com 203.208.46.1 profiles.google.com 203.208.46.1 webcache.googleusercontent.com 203.208.46.1 sites.google.com 203.208.46.1 mail.google.com 203.208.46.1 www.google.com.hk 203.208.46.1 www.google.com 203.208.46.1 news.google.com 203.208.46.1 code.google.com 203.208.46.1 docs.google.com 203.208.46.1 services.google.com 203.208.46.1 clients4.google.com 203.208.46.1 clients2.google.com 203.208.46.1 chrome.google.com 203.208.46.1 tools.google.com 203.208.46.1 sites.google.com 203.208.46.1 accounts.google.com 209.85.229.18 reader.google.com -------------------------------------------------------- #Google+ Hosts IP 203.208.46.146 plus.google.com 203.208.46.146 plus.google.com.hk 203.208.46.146 talkgadget.google.com 203.208.46.146 picasaweb.google.com 203.208.46.146 lh1.ggpht.com 203.208.46.146 lh2.ggpht.com 203.208.46.146 lh3.ggpht.com 203.208.46.146 lh4.ggpht.com 203.208.46.146 lh5.ggpht.com 203.208.46.146 lh6.ggpht.com 203.208.46.146 lh6.googleusercontent.com 203.208.46.146 lh5.googleusercontent.com 203.208.46.146 lh4.googleusercontent.com 203.208.46.146 lh3.googleusercontent.com 203.208.46.146 lh2.googleusercontent.com 203.208.46.146 lh1.googleusercontent.com ##Chrome 网上应用店 203.208.46.146 chrome.google.com 203.208.46.146 clients0.google.com 203.208.46.146 clients1.google.com 203.208.46.146 clients2.google.com 203.208.46.146 clients3.google.com 203.208.46.146 clients4.google.com 203.208.46.146 www.googleusercontent.com 203.208.46.146 lh0.googleusercontent.com 203.208.46.146 lh1.googleusercontent.com 203.208.46.146 lh2.googleusercontent.com 203.208.46.146 lh3.googleusercontent.com 203.208.46.146 lh4.googleusercontent.com 203.208.46.146 lh5.googleusercontent.com 203.208.46.146 lh6.googleusercontent.com 203.208.46.146 clients1.googleusercontent.com 203.208.46.146 clients2.googleusercontent.com ##网页快照 68.68.107.69 webcache.googleusercontent.com ##Google SSL 203.208.46.146 encrypted.google.com 203.208.46.146 encrypted.google.com.hk ##Google Docs 203.208.46.146 docs.google.com 203.208.46.146 docs0.google.com 203.208.46.146 docs1.google.com 203.208.46.146 docs2.google.com 203.208.46.146 docs3.google.com 203.208.46.146 spreadsheets.google.com 203.208.46.146 spreadsheets0.google.com 203.208.46.146 spreadsheets1.google.com 203.208.46.146 spreadsheets2.google.com 203.208.46.146 spreadsheets3.google.com #Gmail 203.208.46.146 mail.google.com 203.208.46.146 chatenabled.mail.google.com #Gmail中Gtalk聊天服务 ##Google 搜索 203.208.46.146 www.google.com ##Google preview 203.208.46.146 www.googlepreview.com ##Google 翻译 203.208.46.146 translate.google.com 203.208.46.146 translate.googleapis.com ##Google 搜索建议(IE9) 203.208.46.146 clients5.google.com ##Google code 203.208.46.146 code.google.com ##Picasa 网络相册 203.208.46.146 picasaweb.google.com 203.208.46.146 lh0.ggpht.com 203.208.46.146 lh1.ggpht.com 203.208.46.146 lh2.ggpht.com 203.208.46.146 lh3.ggpht.com 203.208.46.146 lh4.ggpht.com 203.208.46.146 lh5.ggpht.com 203.208.46.146 lh6.ggpht.com 203.208.46.146 lh7.ggpht.com 203.208.46.146 lh8.ggpht.com 203.208.46.146 lh8.ggpht.com 203.208.46.146 lh9.ggpht.com 203.208.46.146 lh6.google.com ##Google 个人资料 203.208.46.146 profiles.google.com 203.208.46.146 browsersync.google.com ##Google+ 203.208.46.146 talkgadget.google.com ##Google+中的聊天服务 203.208.46.146 ssl.gstatic.com 203.208.46.146 images-pos-opensocial.googleusercontent.com 203.208.46.146 images1-focus-opensocial.googleusercontent.com 203.208.46.146 images2-focus-opensocial.googleusercontent.com 203.208.46.146 images3-focus-opensocial.googleusercontent.com 203.208.46.146 images4-focus-opensocial.googleusercontent.com 203.208.46.146 images5-focus-opensocial.googleusercontent.com 203.208.46.146 images6-focus-opensocial.googleusercontent.com 203.208.46.146 plus.google.com ##Download 下载 203.208.46.146 dl.google.com 203.208.46.146 dl-ssl.google.com ##Groups 203.208.46.146 groups.google.com ##Google URL Shortener 203.208.46.146 goo.gl ##Google app engine 203.208.46.146 appengine.google.com
1，环境搭建
安卓的东西肯定要先搭建JAVA环境的，所以这个你要百度或谷歌搜索下载JDK软件
http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html
可以参考这个环境变量的配置。
出现问题请查看:http://jingyan.baidu.com/article/1e5468f924210a484961b7f0.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”或通过“菜单”->“工具”->“检查设备”打开设备检查页面：
一般情况下，你会发现是空白的，原因是谷歌服务(国内屏蔽了)所以你要准备好翻墙，同时一般情况下，翻墙只需要一次就够了，因为会有缓存。
成功实现手机web应用利用Chrome浏览器进行页面调试，这样你就可以用在PC调试的方法来进行手机应用调试了。
花了一天时间来解决这个问题，问题解决了还是值得的。
移动WebApp利用Chrome浏览器进行调试的更多相关文章
- 利用chrome浏览器断电调试确定函数触发的位置
比如某天遇到这样一个问题,页面有一个按钮,上面绑定了事件可能是多个事件,然后我们点击后出现了bug,我们要如何快速定位到这个事件,如果页面只有一个js或少量的js,我们一个打开查找,也可以接受.但是如 ...
- 利用ChromeCROSS可以在chrome浏览器上调试跨域代码
利用ChromeCROSS可以在chrome浏览器上调试跨域代码 1.下载ChromeCROSS文件,可百度下载,或者在我的百度云上下载:链接: https://pan.baidu.com/s/10_ ...
- Chrome浏览器及调试教程
==>(微信公众号:IT知更鸟)欢迎关注<^>@<^> Chrome浏览器及调试教程 在web开发过程中,我们在写JavaScript脚本时难免会遇到各种bug,这时,我 ...
- Chrome浏览器如何调试移动端网页信息
Chrome浏览器如何调试移动端网页信息 2017年08月12日 12:42:20 阅读数:835 最近在弄项目,用WebView加载一个页面,想追踪页面中一个按钮的点击事件.这个可能就需要调试这个页 ...
- Chrome浏览器开发调试系列(一)
// 计划写一个 Chrome 浏览器以及 调试器的系列文章,我慢慢写. 边写边改,发觉博客真是个打草稿的好地方. // 本文针对的是当前最新的浏览器Chrome34,如果你的版本不够新,希望你能够更 ...
- 利用Chrome浏览器调试线上代码
前言 之前调试前端bug都是在开发环境中做完并多次测试没有问题之后发布测试环境,验收合格之后发布生产.但生产环境偏偏会有和开发和测试环境不一致的情况,例如测试环境需要加密,而开发环境先不加密,测试环境 ...
- 异步加载的JS如何在chrome浏览器断点调试？
我们常常利用chrome强大的控制台Sources下面进行代码断点调试,但是通过$.getScript等异步加载JS的方式在Sources里面就是找不到,那如何进行debug断点调试呢? 方案一: 在 ...
- Chrome浏览器下调试SASS
网上说的方案各有各的说法,尝试多个才找到有效方案,为避免后来者麻烦,现在讲讲如何调试 笔者ruby版本为3.4.19,因为sass文件的编译是需要ruby环境的,使用sass前需要先安装! 第一步(核 ...
- Chrome浏览器断点调试无效的问题
问题是这样的,在使用chrome浏览器调试JavaScript的时候,突然设置的断点失效了,怎么弄都没有效果. 折腾了半天,尝试了各种方法就是没有用. 解决:重启一下chrome浏览器就好了,这似乎是 ...
随机推荐
- VS联调多个解决方案的项目
一.项目中经常出现一个解决方案里面有多个程序,如果想按F5启动多个实例进行操作调试那该怎么操作? 以前自己都使用附加进程的方法调试,这样的调试不需要按F5,自己只要运行多个程序后,使用vs的附加进程到 ...
- bestcoder杯回顾
题目列表:hdu5214~5223 5214: 当时第一反应是由递推公式推出通项公式,事实证明这就是作!大!死! 因为通项公式是这样的:L[n]=a^(n-1)*(b+L[1])-b 于是就需要快速幂 ...
- MVC5-11 浅谈拦截器
Filter拦截器 Aop是MVC的主要设计方式之一,而微软也希望我们在使用MVC的时候更好的使用拦截器来进行切面编程.拦截器则是Mvc中的一大亮点与重点 AOP(面向切面)编程已经广泛应用在各个项目 ...
- python 中的map(), reduce(), filter
据说是函数式编程的一个函数(然后也有人tucao py不太适合干这个),在我看来算是pythonic的一种写法. 简化了我们的操作,比方我们想将list中的数字都加1,最基本的可能是编写一个函数: I ...
- 第三次作业——K米评测
第一部分 调研,评测 1.第一次上手体验 其实让我下载一个APP并且长期使用它是一件特别难的事情,不仅是因为占空间,需要注册个人信息,绑定账号,更是因为每款软件的功能虽然都很齐全,但是你并在没有真正用 ...
- TextView 选择文字
final CharSequence edit = text2.getText(); text2.setCursorVisible(true); text2.setOnTouchListener(ne ...
- QT的安装和配置及helloqt程序的编写时遇到的问题
1.如果在Windows下命令行编译和运行.cpp 文件,需要找到合适的命令所在文件夹的目录,把它添加到Windows的环境变量里去,SystemPropertiesAdvance. 如qmake 在 ...
- EasyUI学习笔记之panel
<easyUI panel 属性:> <!--引入easyUI panel 组件 设置宽,高,定义标题(默认在左上角),设置图标iconCls:'icon-ok',引入工具tools ...
- 9月22日上午JavaScript----window对象
window对象 window属性: opener:打开当前窗口的源窗口,如果这个窗口是由别的网页点击链接跳转过来的,或者是从另外一个页面点击打开窗口打开的,opener就是找到源页面的.如果当前窗口 ...
- python的简洁是shell无法代替的
之前线上服务器分发配置都是用shell和expect脚本分发,脚本写了很长,上周换了ansible,现在自己用python写一个,就30行代码就可以实现需求,之前的shell写了快200行了,蛋疼,代 ...