時(shí)間過(guò)得好快，手機(jī)剛刷2.3.3沒(méi)多久，Google已經(jīng)放出了2.3.4、3.1的ROM，發(fā)布了2.4的代號(hào)，盡管較高版本面向的群體非常小眾，但是Android仍然在不遺余力的追趕著iPhone、iPad。希望這兩大陣營(yíng)可以良性競(jìng)爭(zhēng)，為用戶(hù)帶來(lái)更多更好的設(shè)備和軟件。同時(shí)對(duì)WP7的芒果更新期待一下，別讓觀眾等的太久，太晚上市，吃的人也不多了。

測(cè)試代碼下載

言歸正傳，本次開(kāi)始關(guān)注下jQuery Mobile。jQuery早已在JavaScript框架中脫穎而出，平易近人的協(xié)議與語(yǔ)法，帶來(lái)了眾多的支持者。jQuery Mobile是jQuery在移動(dòng)終端上的框架，可以認(rèn)為是jQuery的精簡(jiǎn)版，官方主頁(yè)：http://jquerymobile.com/。

此項(xiàng)目目前還處于Alpha階段，最新版本為Alpha 4.1，支持目前絕大多數(shù)移動(dòng)平臺(tái)：

得益于HTML5在移動(dòng)終端中的良好發(fā)展，jQuery廣泛使用了HTML5的新元素屬性，為HTML5的進(jìn)一步推廣做出了應(yīng)有的貢獻(xiàn)。

官方的Demo和Doc比較好，建議跟著做一遍，下面我們簡(jiǎn)單測(cè)試一下。

一、下載jQuery Mobile組件

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

二、創(chuàng)建網(wǎng)站項(xiàng)目

2.1、使用VS2010創(chuàng)建一個(gè)ASP.NET項(xiàng)目，將所需的js、css添加進(jìn)來(lái)：

2.2、VS2010可以直接拖拽js、css生成相應(yīng)的標(biāo)簽，非常方便：

2.3、搭建一個(gè)基本的頁(yè)面框架，包含標(biāo)題、內(nèi)容、頁(yè)腳：

    <div data-role="page">

        <div data-role="header">

            <h1>

                Page Title</h1>

        </div>

        <!-- /header -->

        <div data-role="content">

            <p>

                Page content goes here.</p>

        </div>

        <!-- /content -->

        <div data-role="footer">

            <h4>

                Page Footer</h4>

        </div>

        <!-- /footer -->

    </div>

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

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

三、搭建服務(wù)器

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

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

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

3.2、PC上瀏覽正常：

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

原生瀏覽器：

Firefox Mobile 4：

Opera Mobile 11：

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

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

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

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

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

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

PC上訪問(wèn)正常：

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

小結(jié)：

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

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