在過去的兩年里,觸屏設(shè)備飛速增長。iOS和Android設(shè)備讓開發(fā)者和設(shè)計師開始重新思考他們的網(wǎng)頁應(yīng)用,以提供更好的觸屏體驗。
移動Web應(yīng)用相對于本地的App有很多優(yōu)勢,雖然也有很多設(shè)計和開發(fā)上的挑戰(zhàn)。這里列出了一系列有用的框架來幫助基于HTML的webapp開發(fā)。他們支持大部分流行的智能手機和平板。
1. Lungo.js:HTML5 移動開發(fā)框架
Lungo.js 是第一個應(yīng)用HTML5和CSS3特性的移動開發(fā)框架。它可以幫助開發(fā)者創(chuàng)建iOS,Android,Blackberry和WebOS平臺的應(yīng)用。
Lungo.js 不需要任何web服務(wù)器的支持就能幫助用戶實現(xiàn)HTML5的功能,例如WebSQL, Geolocation,History,Device orientation等等。
2. JO:一個簡單的HTML5 App框架
JO可以幫助你創(chuàng)建類似本地應(yīng)用的Web App。JO是一個開源的免費框架,可以和PhoneGap一起使用。
3. Joshfire:跨設(shè)備的開發(fā)框架
Joshfire是一個開源的跨設(shè)備開發(fā)框架,幫助開發(fā)者創(chuàng)建可以在多種設(shè)備上運行的web app。它使用HTML5和JavaScript,并且允許開發(fā)者快速整合本地應(yīng)用和特定的web應(yīng)用。
Joshfire可以讓你的應(yīng)用接受鍵盤,鼠標,觸摸屏,遙控器等設(shè)備的輸入。Joshfire支持Node.JS。
4. Sencha Touch:基于HTML5的移動網(wǎng)頁開發(fā)框架
Sencha touch可以讓開發(fā)者創(chuàng)建類似本地應(yīng)用體驗的web app。Shencha是第一個使用HTML5,CSS和JavaScript并且支持音頻/視頻,本地存儲,圓角,漸變背景以及陰影的開發(fā)框架。
5. Baker:HTML5 電子書框架
Baker是用來在iPad或者iPhone平臺上發(fā)布交互式的電子書或者電子雜志的HTML5電子書框架。.
6. Touchy Boilerplate
Touchy Boilerplate 是一個用來創(chuàng)建移動web app,包括HTML模板,Meta tag等的工具。Touchy可以支持動態(tài)頁面導(dǎo)航,固定頁頭,滾動內(nèi)容,瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。
7. Ripple:讓移動開發(fā)測試更容易
在不同的平臺上測試移動應(yīng)用是一件令人頭疼的事情。Ripple可以幫助你在不同的平臺商測試并且調(diào)試你的HTML5移動應(yīng)用。Ripple是一個chrome的擴展。它可以模擬每個設(shè)備的詳細信息,例如user_Agent,Geolocation等等。
8. RestKit
Restkit是一個objective-c的開發(fā)框架,目的是簡化并加快與Restful的web service交互。它提供了一個簡潔的HTTP request/response API和一個強大的對象映射系統(tǒng)。
9. HTML5 兼容性表格
Mobile HTML5是一個表格,顯示了不同設(shè)備/平臺對HTML5特性的支持情況。包括Safari, Android, Blackberry, IE,Opera,F(xiàn)irefox,webOS和Symbian。
10. MobileESP:檢測你的移動網(wǎng)頁訪問者
MobileESP項目提供了一套簡單、輕量級的API讓網(wǎng)站的開發(fā)者檢測訪客是不是使用移動設(shè)備,或者使用的是哪種移動設(shè)備。
11. Tiggr
Tiggr是一個移動一個用創(chuàng)建工具,可以讓你快速創(chuàng)建移動應(yīng)用。你不需要寫代碼就能創(chuàng)建豐富的移動應(yīng)用。