品尝AndroidjQueryMobile初探

一、下载jquery Mobile组件

创新互联专业为企业提供新野网站建设、新野做网站、新野网站设计、新野网站制作等企业网站建设、网页设计与制作、新野企业网站模板建站服务，十载新野做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

官方下载地址：http://jquerymobile.com/download/

二、创建网站项目

2.1、使用VS2010创建一个ASP.NET项目，将所需的js、css添加进来：

2.2、VS2010可以直接拖拽js、css生成相应的标签，非常方便：

2.3、搭建一个基本的页面框架，包含标题、内容、页脚：

Page content goes here.

Page Footer

data-role即HTML5的自定义属性。

2.4、F5运行，我使用的Chrome 11。效果如下：

三、搭建服务器

为了在手机上访问，需要搭建一个Web服务器，先在PC上用IIS，然后在手机上搭建。

3.1、在IIS 中创建一个网站：

注意应用程序池的配置，我用的.NET 4.0：

#p#

3.2、PC上浏览正常：

3.3、下面在手机上访问，首先启用Wifi，家里有无线路由，故和PC组成局域网，PC IP：192.168.0.100，手机 IP：192.168.0.101，手机中安装了VNCServer，在PC 上通过RealVNC 的客户端测试效果：

原生浏览器:

Firefox Mobile 4：

Opera Mobile 11：

#p#

3.4、为了开发测试方便，在手机上搭建一个Web 服务器.我使用的kws，一个小型的Web服务器，性能还不错。

首先需要将网页和js、css等部署到手机上，kws只是个静态页面服务器，不支持ASP.NET。

为了方便部署，在手机上启用FTP服务器，我使用的SwiFTP，在PC上用FileZilla连接:

我刷的i9000的2.3.3 ROM，系统分区已经是Ext4，部分目录在Windows 上无法读取。下面将HTML页面部署到SD卡中：

Scripts目录中存放的是js、css等。

配置一下kws的主目录，别忘了重启kws使配置生效：

PC上访问正常：

手机上运行也正常：

小结：

移动终端的浪潮已经来临，各种针对移动终端的移植、优化、测试、系统将会越来越多。jQuery Mobile作为一个优秀的跨平台B/S解决方案，值得关注。后续篇章会继续测试官方示例，深入窥探一下这个"微观世界"

注：为了便于测试、部署程序，高配的手机可以适当安装些服务器，如FTP、Web、DNS、VNC服务器等。

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容