Mobile: How to deploy the sample application into the device

2018-06-23 07:32:24

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

jQuery mobile only provides you with tools for mobile UI (mostly, touch-oriented). It is used with normal web application backend to make mobile view (presentation), based on user agent, for example. Such applications are deployed on web-server. If you want to make device-deployable application - use PhoneGap or something like that.

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.

链接地址: http://www.djcxy.com/p/65372.html

上一篇: 手机：验证