今天html5模版網(www.suosuyi.cn)閱讀了相關的HTML5移動webAPP開發的一些資料，剛好最近的一個APP項目是采用原生Native App和HTMl5一起混用的。也就是我們所說的Hybrid開發。

Hybrid開發方法結合了Native開發和Web技術。借助這種方法，開發者就能使用跨平臺Web技術，開發應用程序的大部分代碼，目前Hybrid開發已經成為一種潮流趨勢！到今天為止是非常火的。

html5模版網(www.suosuyi.cn)之前報道的關于webAPP的一些常識。點擊查看

1、什么是移動WebApp？

現代移動設備包含功能強大的瀏覽器，這些瀏覽器支持許多新的HTML5功能、CSS3和高級JavaScript。由于最近在這方面取得的進展，HTML5預示著這項技術將從一種“頁面定義語言”，轉變成一種功能強大的開發標準，用于開發豐富的、基于瀏覽器的應用程序。

表明HTML5大有潛力的幾個例子包括：高級的用戶界面組件、可以訪問豐富媒體類型、地理位置服務和離線功能。使用這些特性和處于開發中的其他更多特性，開發者就能僅僅使用Web技術，開發出高級應用程序。

Web App最突出的優勢之一是，它支持多種平臺，而且開發成本低。大多數移動開發商利用了瀏覽器中的同一種渲染引擎：WebKit——主要由谷歌和蘋果領導的這個開源項目提供了如今最全面的HTML5實現機制。由于應用程序的代碼用與WebKit兼容的標準Web語言編寫而成，所以一個應用程序在諸多不同的設備和操作系統上提供了統一的體驗，因而使得它在默認情況下支持多種平臺。

大家務必記住：真正的移動Web App不等于?移動網站wap

行業判斷依據有三點：

1、從訪問的角度來講。移動webAPP可以創建桌面快捷圖標。移動網站指南靠輸入網址訪問。

2、移動webAPP必須提供觸摸操作優化的、交互式的用戶體驗。而移動網站可以不需要采用這些移動觸摸技術。

3、移動webAPP可以基本都是HTMl5才編寫。還可以借助第三方軟件打包。

如PhoneGap/Cordova為代表。其基本思路是針對HTML5標準目前功能上的不足，補充定義了一套比較實用的API（比如硬件訪問/系統交互等），然后基于平臺上自帶的Web引擎（比如iOS的UIWebview等），通過擴展機制實現了這些API，在此基礎上再提供一套應用打包部署系統。移動網站可以不用HTML5來編寫。

優點，應該上面講的很明白啦！還有一個優點就是采用webAPP來開發，成本低，周期短。更新快，跨平臺性好。

2、最火的APP開發模式就是：Hybrid開發，看完下面的你就會明白為什么如今很多APP都是采用這樣的開發模式。

Hybrid開發方法結合了Native開發和Web技術。借助這種方法，開發者就能使用跨平臺Web技術，開發應用程序的大部分代碼，又可以在需要時直接訪問Native API。

App的Native代碼部分使用操作系統的API來創建嵌入式HTML渲染引擎，該引擎在瀏覽器和設備的API之間充當了橋梁。這座橋梁讓Hybrid App得以充分利用現代設備所提供的全部特性。

App開發者可以選擇編寫自己的橋梁，或者充分利用現成的解決方案，比如PhoneGap——這種開源庫為有選擇的設備功能提供了在諸操作系統上保持一致的統一JavaScript接口。

App的Native代碼部分可以獨立開發，但是市場上的一些解決方案把這種類型的Native容器作為其產品的一部分來提供，因而讓開發者有辦法只要使用Web語言，就可以構建利用設備所有特性的高級App。在一些情況下，解決方案讓開發者可以充分利用現已掌握的任何Native開發技能，根據企業的獨特要求來定制Native容器。

App的Web部分可能是駐留在服務器上的網頁，也可能是一組HTML、JavaScript、CSS和媒體文件，封裝到App代碼中，存儲在設備本地。這兩種方法都有其優勢和局限性。放置在服務器上的HTML代碼讓開發者不必經歷提交和批準過程——有些App商店要求這個過程，就可以對App進行小幅更新。遺憾的是，這個方法擯棄了任何離線可用性，因為設備與網絡沒有連接時，無法訪問設備。另一方面，把Web代碼封裝到App里面可以提高性能和可訪問性，但是不允許遠程更新。如果結合這兩種開發方法，也許可以集兩者之所長。這種系統采用的架構可以把HTML資源放置在Web服務器上，以獲得靈活性，但是又把它們本地緩存在移動設備上，以獲得高性能。

下面是一些關于HTML5移動webAPP的知識點：

1、跨平臺移動web中間件PhoneGap開發入門知識和教程

http://mobile.51cto.com/hot-273792.htm

2、中國最大PhoneGap跨平臺移動互聯網開發門戶網

http://www.phonegap100.com/

3、10 款最好用的移動 webAPP開發工具

http://www.oschina.net/news/27603/10-mobile-web-tools?from=20120407