Page Title  
  
  
  
  
   

data-role即HTML5的自定義屬性。

2.4、F5運(yùn)行，我使用的Chrome 11。效果如下：

三、搭建服務(wù)器

為了在手機(jī)上訪問，需要搭建一個Web服務(wù)器，先在PC上用IIS，然后在手機(jī)上搭建。

3.1、在IIS 中創(chuàng)建一個網(wǎng)站：

 注意應(yīng)用程序池的配置，我用的.NET 4.0：

#p#

3.2、PC上瀏覽正常：

3.3、下面在手機(jī)上訪問，首先啟用Wifi，家里有無線路由，故和PC組成局域網(wǎng)，PC IP：192.168.0.100，手機(jī) IP：192.168.0.101，手機(jī)中安裝了VNCServer，在PC 上通過RealVNC 的客戶端測試效果：

原生瀏覽器:

Firefox Mobile 4：

Opera Mobile 11：

#p#

3.4、為了開發(fā)測試方便，在手機(jī)上搭建一個Web 服務(wù)器.我使用的kws，一個小型的Web服務(wù)器，性能還不錯。

首先需要將網(wǎng)頁和js、css等部署到手機(jī)上，kws只是個靜態(tài)頁面服務(wù)器，不支持ASP.NET。

為了方便部署，在手機(jī)上啟用FTP服務(wù)器，我使用的SwiFTP，在PC上用FileZilla連接:

我刷的i9000的2.3.3 ROM，系統(tǒng)分區(qū)已經(jīng)是Ext4，部分目錄在Windows 上無法讀取。下面將HTML頁面部署到SD卡中：

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

配置一下kws的主目錄，別忘了重啟kws使配置生效：

PC上訪問正常：

手機(jī)上運(yùn)行也正常：

小結(jié)：

移動終端的浪潮已經(jīng)來臨，各種針對移動終端的移植、優(yōu)化、測試、系統(tǒng)將會越來越多。jQuery Mobile作為一個優(yōu)秀的跨平臺B/S解決方案，值得關(guān)注。后續(xù)篇章會繼續(xù)測試官方示例，深入窺探一下這個"微觀世界"

注：為了便于測試、部署程序，高配的手機(jī)可以適當(dāng)安裝些服務(wù)器，如FTP、Web、DNS、VNC服務(wù)器等。