來(lái)源：http://www.biaodianfu.com/make-your-mobile-websites-act-like-apps.html

隨著智能手機(jī)銷(xiāo)量持續(xù)飆升，越來(lái)越多的開(kāi)發(fā)者投入到移動(dòng)應(yīng)用開(kāi)發(fā)之中。無(wú)論是本地化的APP應(yīng)用，還是移動(dòng)優(yōu)化版的網(wǎng)絡(luò)站點(diǎn)，移動(dòng)創(chuàng)新正以不可思議的速度蔓延開(kāi)來(lái)。

本地APP仍然有其價(jià)值所在，但隨著越來(lái)越多的不同設(shè)備、操作系統(tǒng)，以及屏幕大小讓開(kāi)發(fā)移動(dòng)優(yōu)化版的網(wǎng)站越來(lái)越令人著迷。實(shí)際上，在以快速、迭代、跨平臺(tái)為基礎(chǔ)的WEB應(yīng)用，與具備更多標(biāo)準(zhǔn)化用戶(hù)界面、手勢(shì)支持、多點(diǎn)觸摸以及硬件優(yōu)化為基礎(chǔ)的本地應(yīng)用，此二者間歷來(lái)便有權(quán)衡利弊的比較。

幸運(yùn)的是，越來(lái)越多的現(xiàn)成框架讓開(kāi)發(fā)者們可以更輕松地為自己的移動(dòng)網(wǎng)站開(kāi)發(fā)應(yīng)用，并且在界面上也更加接近本地化的APP。如下便是六個(gè)現(xiàn)成的框架：

一、jQuery Mobile

jQueryMobile不像前面SproutCore 或者Sencha Touch，它沒(méi)有提供一個(gè)完整的應(yīng)用架構(gòu)。但它是一個(gè)新的開(kāi)始，其也以向移動(dòng)網(wǎng)站應(yīng)用提供更多本地化的控制為宗旨。jQuery Mobile項(xiàng)目宣布其要成為“完整的，統(tǒng)一的，移動(dòng)UI架構(gòu)”。 jQuery Mobile核心項(xiàng)目也將繼續(xù)為移動(dòng)提供優(yōu)化，但jQuery Mobile更專(zhuān)注于為主流智能手機(jī)瀏覽器提供一種真正的頂級(jí)的JS體驗(yàn)和界面。

官方網(wǎng)址：http://jquerymobile.com/

支持列表：http://jquerymobile.com/gbs/

二、Sencha Touch

Sencha前身是Ext JS ，全名是Sencha Touch HTML5 mobile framework.它提供一種可跨平臺(tái)的架構(gòu)，目前支持IOS，Android將在不久后得到支持。這種在線(xiàn)摸觸摸技術(shù)結(jié)合了一個(gè)UI庫(kù)的獨(dú)立解決方案，觸摸項(xiàng)目管理、地理技術(shù)支持、離線(xiàn)緩存技術(shù)以及特殊的CSS和CSS3功能。

官方網(wǎng)址：http://www.sencha.com/products/touch/

演示地址：http://www.sencha.com/products/touch/demos.php

三、YUI 3.2

雅虎將發(fā)布最新的JS實(shí)用程序的YUI庫(kù)。YUI最新版對(duì)觸摸和移動(dòng)設(shè)備提供更多更好的支持

官方網(wǎng)址：http://yuilibrary.com/

四、iUI

iUI是一個(gè)iPhone用戶(hù)界面架構(gòu)，其設(shè)計(jì)目標(biāo)是像移動(dòng)網(wǎng)站應(yīng)用提供更接近iPhone的體驗(yàn)。它的工作原理是結(jié)合WEBKIT為基礎(chǔ)的設(shè)備以及包括一個(gè)JS庫(kù)和CSS及圖形。其最早追溯至2007年，但多年以來(lái)緩慢地升級(jí)以提供更多其他設(shè)備，甚至是iPad。

官方網(wǎng)址：http://code.google.com/p/iui/

五、SproutCore

SproutCore是一個(gè)HTML5的架構(gòu)，目標(biāo)幫助開(kāi)發(fā)者建立桌面口徑的web應(yīng)用，并且支持任何瀏覽器下無(wú)需補(bǔ)丁的運(yùn)行。其項(xiàng)目帶頭大哥已經(jīng)辭去了其原本蘋(píng)果的職位，專(zhuān)心致志地來(lái)完成此項(xiàng)目。

官方網(wǎng)址：http://www.sproutcore.com/

演示地址：http://demo.sproutcore.com/

六、XUI

在開(kāi)發(fā)Phonegap時(shí)，XUI團(tuán)隊(duì)對(duì)應(yīng)用于移動(dòng)設(shè)備的現(xiàn)存JS庫(kù)及表現(xiàn)很失望。XUI創(chuàng)建的初衷是跨多個(gè)移動(dòng)瀏覽器工作，其包括WEBKIT，Fennec，Opera。其目標(biāo)是為低成本條件下解決傳統(tǒng)JS庫(kù)不適合移動(dòng)瀏覽器，提供更多跨兼容的方案。

官方網(wǎng)址：http://xuijs.com/

英文原版：http://mashable.com/2010/08/18/mobile-web-app-frameworks/

總結(jié)

以上是生活随笔為你收集整理的将手机网站做成手机应用的JS框架的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。