關于HTML5
HTML5具有
語義學、
本地存儲、
裝置通路、
連接配接性、
多媒體、
平面和三維效果、
性能和內建和
CSS3八大技術特征。讓Web應用進入無插件時代,在功能和性能上逼近桌面應用。促使應用Web化,實作跨平台。
移動Web應用方向
手機上網已經成為最重要的上網方式之一,手機網民已達3億。移動網際網路時代已經開啟,發展勢頭迅猛,成為網際網路行業的新戰場。
Android和iOS手機的興起,加速了HTML5在移動裝置的普及。與桌面浏覽器不同的是,移動作業系統和浏覽器随着手機的換代而不斷更新。移動浏覽器的不斷更新,給HTML5在移動Web方向的發展提供源源不斷的動力。也随着裝置性能的不斷提高,移動Web應用的能力也漸漸逼近用戶端應用。
移動Web應用對比用戶端應用的優勢:
更多開發人員有豐富的Web開發經驗和工具積累,也形成了成熟的開發社群
疊代更靈活,實作持續更新
跨平台,開發成本比用戶端的較低
Web應用宿主選擇
架構宿主優勢:
已形成成熟的社群,便于解決問題
如PhoneGap等,比浏覽器擁有更高權限。可以通路聯系人、檔案、攝像頭、錄音等裝置
可以通過模拟器進行測試,減少跨浏覽器測試成本
架構宿主劣勢:
以用戶端形式釋出,版本更新難度大,動态釋出需要額外代碼支援
系統有可能隻支援單程序
産品之間無法跳轉,不容易銜接
PhoneGap相容性
移動浏覽器是系統附帶的,不需要釋出,随着系統更新而更新。在沒有權限要求和高端目标裝置的情況下,浏覽器宿主作為移動Web應用宿主更為适合。
Android浏覽器
Mobile Safari
浏覽器宿主優勢:
無需釋出,浏覽器一般還支援桌面快捷方式
産品更新維護友善,可以實作持續更新
移植性高(相對架構宿主的一些自定義接口)
浏覽器宿主劣勢:
浏覽器相容不高,對HTML5支援有差異
性能差異大,必須考慮裝置間處理能力的差異
測試成本大(特别是Android系統裝置),無法覆寫所有機型
移動Javascript架構
在HTML5的支援下,互動內建取代Javascript浏覽器相容性成了移動Javascript架構的發展方向。其中jQuery Mobile和Sencha Touch最受追捧。
他們主要解決:
互動(包括UI設計、控件互動、頁面切換等)內建
Touch手勢
互動內建架構優勢:
互動都符合裝置互動特點和設計規範(Android和iOS)
開發門檻低,适合快速開發
開發社群已經有豐富的跨平台經驗和較全面的測試結果
互動內建架構劣勢:
檔案體積較大,效率往往不如原生HTML5
互動模式固定,難以擺脫
沒有完善的業務架構,還需要自己實作基礎業務架構(代碼更新、業務子產品重用等)
jQuery Mobile 相容性
除了互動內建架構,我們還可以考慮使用原生HTML5開發自己的移動Javascript架構。自己開發更有針對性和目的性,适合業務擴充和性能優化,可以彌補內建架構的缺陷。
原生HTML5架構優勢:
最适合長期業務擴充
開發靈活度更高
可針對目标裝置的性能優化
原生HTML5架構劣勢:
暫時隻能相容高端裝置(Android2.0+、iOS3.2+性能較佳)
跨平台測試成本比較高
架構開發門檻比較高,需要一段時間發展
參考資料