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
<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