Page Title   
   

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服务器等。

【编辑推荐】

详解jQuery构造器的实现

Android智能手机操作系统

Android开发之旅 环境搭建

从零开始学习jQuery之Ajax快餐

9个实用的jQuery倒计时插件推荐

如何理解与简化jQuery的closest函数