Cordova 3.x 基础(3) -- 调试Debug工具
博客专区 > youxizhe 的博客 > 博客详情
Cordova 3.x 基础(3) -- 调试Debug工具
youxizhe 发表于4年前
Cordova 3.x 基础(3) -- 调试Debug工具
  • 发表于 4年前
  • 阅读 2087
  • 收藏 5
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

Cordova 3.x 基础(3) -- 调试Debug工具 

(1)Ripple Emulator 
是基于Google Chrome的移动应用模拟器,已经捐赠给了ASF。Apache Ripple:http://ripple.incubator.apache.org/ 

Chrome Webstore安装地址: 
https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc 

安装Ripple Emulator 

引用

npm install -g ripple-emulator



创建Android测试工程app1 

引用

cordova create app1 
cd app1 
cordova platform add android



启动Ripple 

引用

ripple emulate



启动Chrome浏览器 
http://localhost:4400/?enableripple=cordova-3.0.0 
 

iOS工程也一样,但是默认Ripple进入Android模拟器,所以会报错,在左侧的Devices那里选择iPhone5 或者 iPad切换设备即可。 

http://www.raymondcamden.com/index.cfm/2013/2/6/Using-Ripple-for-PhoneGap-Development 
http://www.raymondcamden.com/index.cfm/2014/1/17/Installing-and-Using-Ripple-for-Cordova-Development-A-Video 

(2)weinre 
Web Inspector Remote、是基于WebKit(比如Chrome、Safari)的调试工具。 
安装 

引用

npm install weinre


启动 

引用

node node_modules\weinre\weinre


访问 
http://localhost:8080 
 

**Windows下的安装路径在: 
C:\Documents and Settings\RenSanNing\node_modules\weinre 

修改www/index.html,添加以下代码: 

Html代码  收藏代码

  1. <script src="http://localhost:8080/target/target-script-min.js#HelloCordova"></script>  



访问以下URL后,Targets有了文件连接后,切换到Elements后就能调试页面了。 
http://localhost:8080/client/#HelloCordova 
 

要是Targets为none的话,换个IP和端口: 

引用

node node_modules\weinre\weinre --boundHost 192.168.21.198 --httpPort 9090



(3)GapDebug 
Genuitec开发的本地调试Cordova应用(iOS&Android)的工具,免费。Genuitec可能没几个人知道,不过他们开发的MyEclipse没人不知道吧。 
https://www.genuitec.com/products/gapdebug/ 

 

详细可以参考这篇文章


  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 7
博文 38
码字总数 9840
×
youxizhe
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: