Jquery-Mobile:如何将示例应用程序部署到设备中

时间:2011-11-25 05:26:04

标签: jquery-mobile

我是jquery移动框架的新手。我使用jquery mobile实现了示例应用程序。现在我想将此应用程序部署到设备中。我不知道如何部署这个?请任何人帮助我。

    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>

感谢

2 个答案:

答案 0 :(得分:6)

Jquery是一个框架,通过它可以让您的生活更简单 函数,选择器。而不是写大量的javascript你可以用Jquery让你的生活更简单。

为了检查您的代码结果。

您可以使用phonegap。

使用eclipse安装phonegap插件。 通过电话差距创建一个新项目。 将您的代码粘贴到index.html中。 然后根据您选择的移动平台构建代码。 然后你可以通过android模拟器调试/运行代码或者在手机上部署代码。

答案 1 :(得分:4)

jQuery mobile仅为您提供移动UI工具(主要是面向触摸)。例如,它与普通Web应用程序后端一起用于基于用户代理进行移动视图(演示)。此类应用程序部署在Web服务器上。如果您想制作设备可部署的应用程序 - 请使用PhoneGap或类似的东西。