Use the PhoneGap Developer app for quick commissioning projects

Source: Internet
Author: User

today, PHONEGAP-based hybrid APP development technology is more mature and more prominent. The rapid development of mobile Internet, Android and IOS version of fast iteration, so that HTML5 performance problems gradually resolved. just on the PHONEGAP website, there are hundreds of plugins from third-party developers, covering all aspects of APP development and greatly expanding the PHONEGAP's functional system.

PHONEGAP official launched the new Debug tool the PhoneGap Developer App. This is a PhoneGap developed by the app, installed on the phone, you can directly load the computer through the PHONEGAP built-in server to run the project, without repeated compilation, to achieve real-time debugging results. More than that, the APP encapsulates a common more than 10 plug-ins that can directly invoke the plugin's API to interact with the device when writing code.

Okay, now we're going to show you how to use this powerful tool.

First, please install the PHONEGAP command-line tool:

NPM Install Phonegap-g

if you have installed but the PHONEGAP version is less than 3.6, it is recommended that you upgrade to a higher version. According to my test,thePhoneGap Developer App has some problems with the low version of PHONEGAP support.

Step two, download The PhoneGap Developer App is installed on your phone and is officially available in three versions of Android, IOS and Windows phone.

Android version on Google Play, download is not very convenient, I dumped a version, you can scan the following QR code download:

For IOS and Windows phones, please download them directly from the website:

http://app.phonegap.com/

The third step is to create the PHONEGAP project and start the server:

Fourth Step, open the APP on the phone, enter the IP address above, click Connect, the project will be loaded and displayed automatically.

OK, now start experiencing powerful real-time debugging!

Initial Interface


the interface after the app is loaded


modify any file under the WWW directory and the APP will automatically refresh and display the effect.

Project directory list


www directory list


try calling the plugin:

Navigator.notification.alert (' Hello World ');

plug-in effects

Use the PhoneGap Developer app for quick commissioning projects

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.