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

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/

详细可以参考这篇文章

时间: 2024-10-25 20:55:41

Cordova 3.x 基础(3) -- 调试Debug工具的相关文章

Cordova 3.x 基础(1) -- 环境搭建(Windows / Android)

Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) Mobile App分为三大类:Native App,Hybrid App,Web App.其中Hybrid App介于Native App和Web App之间,它能兼顾Native App的良好用户体验及强大的功能并具有Web App跨平台快速开发的优势.缺点在于依赖于各平台的WebView,WebView的性能好坏直接决定了Hybrid App的性能. 目前国内外的Hybrid App开发框架很多,比较

七款Debug工具推荐:iOS

七款Debug工具推荐:iOS开发必备的调试利器 发表于2013-09-30 00:19| 9204次阅读| 来源CSDN| 28 条评论| 作者翟方庆 开源iOS应用开发开发工具调试 摘要:在开发应用的时候,我们会碰到各种各样的bug,我们想要更好地了解到底发生了什么.然而不可预期的调试工作,总会浪费我们大量时间.本文介绍了七款诊断调试工具,可以从可以帮助我们对代码.UI界面等进行调试. 历时数周或数月开发出来了应用或游戏,可为什么体验不流畅?怎么能查出其中的纰漏?这些需要调试诊断工具从旁协助

vs2013中$(TargetPath)与Link.OutputFile不同,导致调试debug找不到exe

之前把VS2008项目升级为VS2013项目后,出现了VS2013调试debug找不到exe文件的现象,如:http://blog.sina.com.cn/s/blog_6c617ee301013xtz.html 原因是原工程的属性设置了输出目录在debug下,但是输出文件在bin下 有的方法说把两个目录统一下就好了,但是我就是想把exe单独放在bin下,可以按如下操作: 原本的TargetPath是错的,该目录下没有exe 改成下面这样就好了 另附参考网页: vs2012的debug设置问题

Yii2的Debug工具

yii2的Debug工具 调用   r=debug 可以对程序进行性能分析,从而对程序进行改良 (1)数据库某条sql语句的执行时间 (2)debug的profiling标签 \YII::beginProfile('profile1'); //代码片段 \YII::endProfile('profile1'); 查看中间代码的执行时间

Android开发调试日志工具类[支持保存到SD卡]

直接上代码: package com.example.callstatus; import java.io.File; import java.io.FileWriter; import java.io.IOException; import java.io.PrintWriter; import java.io.StringWriter; import java.net.UnknownHostException; import java.text.SimpleDateFormat; impor

老李分享: 并行计算基础&amp;编程模型与工具 1

老李分享: 并行计算基础&编程模型与工具 在当前计算机应用中,对高速并行计算的需求是广泛的,归纳起来,主要有三种类型的应用需求: 计算密集(Computer-Intensive)型应用,如大型科学工程计算与数值模拟: 数据密集(Data-Intensive)型应用,如数字图书馆.数据仓库.数据挖掘和计算可视化等: 网络密集(Network-Intensive)型应用,如协同工作.遥控和远程医疗诊断等. 并行编程模型主要有三种:适用于共享内存的多线程编程模型,适用于分布内存的消息传递编程模型,混合

微信开发调试小工具进化→微信用户发送信息模拟器发布!——这标题起真是好数码暴龙的说

直接说正题吧.最近在做微信第三方服务器.在模拟用户发过来的请求方面,网上流传着一个“微信开发调试小工具”,谁做都不知道了.反正我觉得那个东西看起来挺不爽的,因为其信息发送类型不是很全面,于是我就把它反编译过来自己重写一个了. 我复用了它原本项目的一个类和几个方法 .与原版相比,功能改进如下: 1涵盖了迄今为止所有的信息类型和事件类型(具体的参见微信官方文档里面的接收信息节点); 2对于所有参数都有相关的提示信息 3参数的所属范围除了少数外都用groupbox圈了起来,更加直观地看到了各类信息之间

解决Myeclipse在调试(debug)时无法显示变量值问题

解决Myeclipse在调试(debug)时无法显示变量值问题 突然发现myeclipse在调试时当鼠标放在变量上面时无法显示变量值了 ctrl+shift+D居然提示cannot be resolved 网上查到的最多的方法是 Window->Preferences->Java->Editor->Hovers 将[Variable Values]选择就可以,假设[Combined Hover]已经勾选,取消并勾选[Variable Values] 这样的方法适用的应该不是我的这样

跨平台web调试代理工具---whistle

whistle是基于Node实现的跨平台web调试代理工具,支持windows.mac.linux等所有安装了Node的操作系统,可以部署在本地机器.虚拟机或远程服务器,并通过本地网页查看或修改HTTP.HTTPS.Websocket请求(响应)的基本信息.头部及内容等. whistle把每一类操作对应一个协议,每个修改操作抽象成一个uri,通过简单设置请求url到操作uri的对应关系,实现通过配置操作请求,支持通过扩展协议新增功能:具有配置灵活,功能强大等特点. 配置界面及操作请参考:http