Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Jquery-Mobile: How to deploy the sample application into the device

I am new to jquery mobile framework. I implemented the sample application using jquery mobile.Now i want to deploy this application into device. I don't know how to deploy this? please can anybody help me.

    Sample Application
<!DOCTYPE html>
<html> 
<head> 
    <title>My Page< /title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head> 
<body> 
    <div data-role="page">
        <div data-role="header" data-theme="b">
            <h1>My Title</h1>
        </div><!-- /header -->
        <div data-role="content">   
            <p>Hello world</p>      
        </div><!-- /content -->    
        <div data-role="footer">
            <h1>End of the page</h1>
        </div>
    </div><!-- /page -->
</body>
</html>

thanks

like image 278
naresh Avatar asked Dec 27 '22 10:12

naresh


1 Answers

Jquery is a framework which makes your life simpler in modifying the content through its funcitons,selectors.Instead of writing huge lines of javascript You can make your life simpler with Jquery.

In order to check your result of your code.

You can use phonegap .

Install the phonegap plugin with eclipse. Create an new project through phone gap. Paste your code in index.html. Then build the code as per your choice of mobile platform. Then u can debug/run the code through android simulators or deploy it on the phone.

like image 80
shyamshyre Avatar answered Jan 31 '23 06:01

shyamshyre