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

Source: Internet
Author: User
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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.