方才筆者看到了jQuery 的手機版網頁開發:jQuery Mobile
號稱由jQuery 團隊支援的手機版網頁開發APIs,
有著以下特色:
- 以 jQuery 為核心
- 檔案極小 (重新製作過的核心壓縮過約80kb,加上css約48kb)
- 支援HTML 5,且透過 HTML5 data-* tag 來達成種種 UI 的設定
- 自動切換排版
- 支援滑鼠與觸碰事件 (Event Driven)
- WAI-ARIA (參見[4], [5], [6] )
- 強大的佈景主題系統
- ASP.NET MVC 的支援 (特別支援 ASP.Net MVC 4 )
- 支援市面上大部分行動裝置
- 畫面一致
- 多樣化的 UI
- Progressive Enhancement & Graceful Degradation
讓對於手機程式開發不熟的網站工程師,能夠用既有的Web Design技術,開發Web Apps for Tablet or Smart Phone。
目前jQuery Mobile發展至1.1.0版,支援ToolBar, ListView, Button, Event等功能,有興趣的人可到官網看Demo。
其它相關的Mobile Web App開發libraries 有:
1. PhoneGap (目前版本 1.6.1 )
有興趣的讀者,不妨選擇一套來玩玩看吧。
身為jQuery愛用者的我,當然是選擇jQuery Mobile囉!
參考資料
3. 使用 jQuery Mobile 快速開發 mobile 網站 (新手推薦)
8. PhoneGap官方網站
9. PhoneGap 跨平台的行動應用程式開發框架 (推薦閱讀)
10. 宅學習- PhoneGap
15. [JS Group] Beginning Phonegap (有關PhoneGap的介紹)