Cordova 3.x BASICS (3) -- debug the debug tool

Cordova 3.x BASICS (3) -- debug the debug tool

(1) ripple emulator 
It is a mobile application Simulator Based on Google Chrome and has been donated to ASF. Apache ripple: http://ripple.incubator.apache.org/

Chrome WebStore installation address:
Https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc

Install ripple emulator

Reference

NPM install-G ripple-emulator

Create an android test project app1

Reference

Cordova create app1
CD app1
Cordova platform add android

Start ripple

Reference

Ripple emulate

Start chrome
Http: // localhost: 4400 /? Enableripple = cordova-3.0.0
 

The same is true for iOS projects, but ripple enters the android simulator by default, so an error is reported. In the left-side devices, select iPhone 5 or iPad to switch the device.

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 is a debugging tool based on WebKit (such as chrome and Safari.
Install

Reference

NPM install weinre

Start

Reference

Node node_modules \ weinre

Access
Http: // localhost: 8080
 

** The installation path for Windows is as follows:
C: \ Documents ents and Settings \ rensanning \ node_modules \ weinre

Modify www/index.html and add the following code:

HTML code

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

After accessing the following URL, after the targets has a file connection, you can switch to elements to debug the page.
Http: // localhost: 8080/client/# hellocordova
 

If targets is none, change the IP address and port:

Reference

Node node_modules \ weinre -- boundhost 192.168.21.198 -- httpport 9090

(3) gapdebug 
Native tool developed by genuitec to debug the Cordova application (IOS & Android) is free of charge. Few people may know about genuitec, but none of them know about myeclipse.
Https://www.genuitec.com/products/gapdebug/

 

For details, refer to this article.

Cordova 3.x BASICS (3) -- debug the debug tool