天天看點

一起談.NET技術,HTML5 - 搭建移動Web應用

  

一起談.NET技術,HTML5 - 搭建移動Web應用

關于HTML5

  HTML5具有

一起談.NET技術,HTML5 - 搭建移動Web應用

語義學、

一起談.NET技術,HTML5 - 搭建移動Web應用

本地存儲、

一起談.NET技術,HTML5 - 搭建移動Web應用

裝置通路、

一起談.NET技術,HTML5 - 搭建移動Web應用

連接配接性、

一起談.NET技術,HTML5 - 搭建移動Web應用

多媒體、

一起談.NET技術,HTML5 - 搭建移動Web應用

平面和三維效果、

一起談.NET技術,HTML5 - 搭建移動Web應用

性能和內建和

一起談.NET技術,HTML5 - 搭建移動Web應用

CSS3八大技術特征。讓Web應用進入無插件時代,在功能和性能上逼近桌面應用。促使應用Web化,實作跨平台。

一起談.NET技術,HTML5 - 搭建移動Web應用

  移動Web應用方向

  手機上網已經成為最重要的上網方式之一,手機網民已達3億。移動網際網路時代已經開啟,發展勢頭迅猛,成為網際網路行業的新戰場。    

一起談.NET技術,HTML5 - 搭建移動Web應用

  Android和iOS手機的興起,加速了HTML5在移動裝置的普及。與桌面浏覽器不同的是,移動作業系統和浏覽器随着手機的換代而不斷更新。移動浏覽器的不斷更新,給HTML5在移動Web方向的發展提供源源不斷的動力。也随着裝置性能的不斷提高,移動Web應用的能力也漸漸逼近用戶端應用。  

一起談.NET技術,HTML5 - 搭建移動Web應用
一起談.NET技術,HTML5 - 搭建移動Web應用

  移動Web應用對比用戶端應用的優勢:

更多開發人員有豐富的Web開發經驗和工具積累,也形成了成熟的開發社群

疊代更靈活,實作持續更新

跨平台,開發成本比用戶端的較低

  Web應用宿主選擇

一起談.NET技術,HTML5 - 搭建移動Web應用

  架構宿主優勢:

已形成成熟的社群,便于解決問題

如PhoneGap等,比浏覽器擁有更高權限。可以通路聯系人、檔案、攝像頭、錄音等裝置

可以通過模拟器進行測試,減少跨浏覽器測試成本

  架構宿主劣勢:

以用戶端形式釋出,版本更新難度大,動态釋出需要額外代碼支援

系統有可能隻支援單程序

産品之間無法跳轉,不容易銜接      

一起談.NET技術,HTML5 - 搭建移動Web應用

PhoneGap相容性

  移動浏覽器是系統附帶的,不需要釋出,随着系統更新而更新。在沒有權限要求和高端目标裝置的情況下,浏覽器宿主作為移動Web應用宿主更為适合。

一起談.NET技術,HTML5 - 搭建移動Web應用

Android浏覽器  

一起談.NET技術,HTML5 - 搭建移動Web應用

 Mobile Safari

  浏覽器宿主優勢:

無需釋出,浏覽器一般還支援桌面快捷方式

産品更新維護友善,可以實作持續更新

移植性高(相對架構宿主的一些自定義接口)

  浏覽器宿主劣勢:

浏覽器相容不高,對HTML5支援有差異

性能差異大,必須考慮裝置間處理能力的差異

測試成本大(特别是Android系統裝置),無法覆寫所有機型

  移動Javascript架構

  在HTML5的支援下,互動內建取代Javascript浏覽器相容性成了移動Javascript架構的發展方向。其中jQuery Mobile和Sencha Touch最受追捧。

  他們主要解決:

互動(包括UI設計、控件互動、頁面切換等)內建

Touch手勢          

一起談.NET技術,HTML5 - 搭建移動Web應用

      

一起談.NET技術,HTML5 - 搭建移動Web應用

  互動內建架構優勢:

互動都符合裝置互動特點和設計規範(Android和iOS)

開發門檻低,适合快速開發

開發社群已經有豐富的跨平台經驗和較全面的測試結果

  互動內建架構劣勢:

檔案體積較大,效率往往不如原生HTML5

互動模式固定,難以擺脫

  沒有完善的業務架構,還需要自己實作基礎業務架構(代碼更新、業務子產品重用等)     

一起談.NET技術,HTML5 - 搭建移動Web應用

jQuery Mobile 相容性

  除了互動內建架構,我們還可以考慮使用原生HTML5開發自己的移動Javascript架構。自己開發更有針對性和目的性,适合業務擴充和性能優化,可以彌補內建架構的缺陷。

  原生HTML5架構優勢:

最适合長期業務擴充

開發靈活度更高

可針對目标裝置的性能優化

  原生HTML5架構劣勢:

暫時隻能相容高端裝置(Android2.0+、iOS3.2+性能較佳)

跨平台測試成本比較高

架構開發門檻比較高,需要一段時間發展

  參考資料

繼續閱讀