在過去的兩年裡,觸屏裝置飛速增長。iOS 和 Android 裝置讓開發者和設計師開始重新思考他們的Web應用,以提供更好的觸屏體驗。
相對於本地應用,移動Web應用有很多優勢,但也有很多設計和開發上的挑戰。這裡列出了一系列有用的框架來幫助基於 HTML 的 Web應用開發。它們支援大部分流行的智慧手機和平板電腦。
1. Lungo.js:HTML5 移動開發框架
Lungo.js 是第一個應用 HTML5 和 CSS3 特性的移動開發框架。它可以幫助開發者建立 iOS,Android,Blackberry 和 WebOS 平臺的應用。
Lungo.js 不需要任何 web 伺服器的支援就能幫助使用者實現 HTML5 的功能,例如 WebSQL, Geolocation,History,Device orientation 等等。
2. JO:一個簡單的 HTML5 App 框架
JO 可以幫助你建立類似本地應用的 Web App。JO 是一個開源的免費框架,可以和 PhoneGap 一起使用。
3. Joshfire:跨裝置的開發框架
Joshfire 是一個開源的跨裝置開發框架,幫助開發者建立可以在多種裝置上執行的 web app。它使用 HTML5 和 JavaScript,並且允許開發者快速整合本地應用和特定的 web 應用。
Joshfire 可以讓你的應用接受鍵盤,滑鼠,觸控式螢幕,遙控器等裝置的輸入。Joshfire 支援 Node.JS。
4. Sencha Touch:基於 HTML5 的移動網頁開發框架
Sencha touch 可以讓開發者建立類似本地應用體驗的 web app。Shencha 是第一個使用 HTML5,CSS 和 JavaScript 並且支援音訊/視訊,本地儲存,圓角,漸變背景以及陰影的開發框架。
5. Baker:HTML5 電子書框架
Baker 是用來在 iPad 或者 iPhone 平臺上釋出互動式的電子書或者電子雜誌的 HTML5 電子書框架。.
6. Touchy Boilerplate
Touchy Boilerplate 是一個用來建立移動 web app,包括 HTML 模板,Meta tag 等的工具。Touchy 可以支援動態頁面導航,固定頁頭,滾動內容,瀏覽歷史記錄等功能。Touchy 使用 jQuery 或者 Zepto.JS。
7. Ripple:讓移動開發測試更容易
在不同的平臺上測試移動應用是一件令人頭疼的事情。Ripple 可以幫助你在不同的平臺商測試並且除錯你的 HTML5 移動應用。Ripple 是一個 chrome 的擴充套件。它可以模擬每個裝置的詳細資訊,例如 user_Agent,Geolocation 等等。
8. RestKit
Restkit 是一個 objective-c的開發框架,目的是簡化並加快與 Restful 的 web service 互動。它提供了一個簡潔的 HTTP request/response API 和一個強大的物件對映系統。
9. HTML5 相容性表格
Mobile HTML5 是一個表格,顯示了不同裝置/平臺對 HTML5 特性的支援情況。包括 Safari, Android, Blackberry, IE,Opera,Firefox,webOS 和 Symbian。
10. MobileESP:檢測你的移動網頁訪問者
MobileESP 專案提供了一套簡單、輕量級的 API 讓網站的開發者檢測訪客是不是使用移動裝置,或者使用的是哪種移動裝置。
11. Tiggr
Tiggr 是一個移動一個用建立工具,可以讓你快速建立移動應用。你不需要寫程式碼就能建立豐富的移動應用。