跨裝置解決方案 PhoneGap and jQuery Mobile

行動裝置的時代來臨後,開發app的風氣蔓延了起來,但是隨著平台種類的成長,開發人員的噩夢又再度降臨了,Android的話可以使用Java或C,iOS則要學習Object C, Windows Phone當然就C#或VB...傳統的跨平台開發需求就轉化為跨裝置開發,而目前市場的氛圍,似乎希望讓HTML5的Web Solution成為跨裝置開發的依歸
而在目前2012 Q1的當下,HTML5的Spec仍尚未最終定案下,市面上出現了PhoneGap與jQuery Mobile這兩個跨裝置的HTML+CSS Web開發方案
首先介紹:PhoneGap(http://phonegap.com/)
-提供了讓開發者在不同平台上,置放相關的中介套件後,可以Web的方式進行操控,
以Android為例開發者需
1.新增libs資料夾,並將phonegap的jar檔加入
2. 新增/assets下的www資料夾,可於此配置所撰寫的web相關檔案
3.更新 AndroidManifes.xml,加入對於裝置的與使用權限的設定

以官方提供的demo範例測試,如下圖所示:

基本的相機,電話,簡訊,連絡人資訊,網路皆可於html中操作
而對於個平台詳細支援情形可於http://phonegap.com/about/features查看
而jQuery相對於一般的Web開發人員亦不陌生,可至jQueryMobile下載使用到的js與css,放至專案的assets/www/下,或者使用CDN資源,於html中加入:

如此就可以jQuery來輔助UI的設計,為現階段的跨裝置開發提供一解決方案