STEPS
1) Browse to URL https://build.phonegap.com and click Register.
Choose FREE plan.
2) You need to have Adobe ID to proceed.
2.1) Or else, click create Adobe ID.
2.2) Enter your details and click Create.
2.3) Tick Agree to terms and click Accept.
3) Upload zip file.
3.1) You need to create a zip file containing an index.html. Copy the following code, save it as index.html and zip it as MyHello.
<!DOCTYPE html>
<html>
<head>
<title>MyHello</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" />
<script type="text/javascript" src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
</head>
<body>
<div data-role="page" id="first" data-theme="a">
<div data-role="header">
<h1>First Hello</h1>
</div><!-- /header -->
<div data-role="content">
<p>Hello Everyone!</p>
<a href="#second">Go to second page</a>
</div><!-- /content -->
<div data-role="footer">
<h4>Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
<div data-role="page" id="second" data-add-back-btn="true" data-theme="b">
<div data-role="header">
<h1>Second Hello</h1>
</div><!-- /header -->
<div data-role="content">
<p>Hello again!</p>
</div><!-- /content -->
<div data-role="footer">
<h4>Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>
|
This code can be edited online at http://www.compileonline.com/try_jquerymobile_online.php
3.2) Select the zip file and upload it.
Uploading in progress.
3.3) Enter your app details and click Ready to build.
4) Install the compiled app.
4.1) Select Android icon.
4.2) Copy MyHello-debug.apk to your Android Device and install. You may need to enable “install from Unknown Source” item in your device settings.
4.3) You can update your code with recent version by clicking the update code and selecting newer codes.
