文档章节

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

y
 youxizhe
发布于 2014/09/29 23:32
字数 349
阅读 2090
收藏 5

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/ 

 

详细可以参考这篇文章


本文转载自:http://rensanning.iteye.com/blog/2018417

共有 人打赏支持
y
粉丝 8
博文 44
码字总数 9840
作品 0
闵行
程序员
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的良好用...

youxizhe
2014/09/29
0
0
cordova开发wp8应用的经验总结

0、使用Nodejs为cordova开发WP8应用添加插件 其实可以直接用VS编译cordova,但是我要添加插件的时候却犯难了,不知道如何做起,网上找了半天没弄出个所以然,只好用nodejs添加插件,找出插件...

Arrowing
2013/12/04
0
0
cordova 常用命令、插件

安装 cordova: npm install -g cordova 创建应用程序 cordova create hello com.example.hello HelloWorld 添加平台 cordova platform add android cordova platform add ios 完成后运行以下......

Jack088
2015/03/24
0
2
新建cordova应用,插件开发教程系列(总目录)

以下几篇是连续的教程,代码也是连续的,包括如下章节: 新建cordova应用 https://my.oschina.net/u/1251858/blog/1799002 使用cordova把h5应用打包成apk https://my.oschina.net/u/1251858/...

canneljls
04/21
0
0
cordova入门——cordova环境配置(一)

b 公司最近一直在招移动的开发人员,同时也号召本公司的开发学习移动开发的技术。趁这个机会学习一点cordova的开发技术,写写博客巩固一下。其中有不对的地方,希望广大网友指出。呵呵 ~ 首先...

be_free
2015/06/08
0
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

(一)软件测试专题——之Linux常用命令篇01

本文永久更新地址:https://my.oschina.net/bysu/blog/1931063 【若要到岸,请摇船:开源中国 不最醉不龟归】 Linux的历史之类的很多书籍都习惯把它的今生来世,祖宗十八代都扒出来,美其名曰...

不最醉不龟归
26分钟前
6
0
蚂蚁金服Java开发三面

8月20号晚上8点进行了蚂蚁金服Java开发岗的第三面,下面开始: 自我介绍(要求从实践过程以及技术背景角度着重介绍) 实习经历,说说你在公司实习所做的事情,学到了什么 关于你们的交易平台...

edwardGe
33分钟前
7
0
TypeScript基础入门 - 函数 - this(三)

转载 TypeScript基础入门 - 函数 - this(三) 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.2.4 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能...

durban
43分钟前
0
0
Spark core基础

Spark RDD的五大特性 RDD是由一系列的Partition组成的,如果Spark计算的数据是在HDFS上那么partition个数是与block数一致(大多数情况) RDD是有一系列的依赖关系,有利于Spark计算的容错 RDD中每...

张泽立
50分钟前
0
0
如何搭建Keepalived+Nginx+Tomcat高可用负载均衡架构

一.概述 初期的互联网企业由于业务量较小,所以一般单机部署,实现单点访问即可满足业务的需求,这也是最简单的部署方式,但是随着业务的不断扩大,系统的访问量逐渐的上升,单机部署的模式已...

Java大蜗牛
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部