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

Hybrid開發(fā)方法結(jié)合了Native開發(fā)和Web技術(shù)。借助這種方法，開發(fā)者就能使用跨平臺Web技術(shù)，開發(fā)應(yīng)用程序的大部分代碼，目前Hybrid開發(fā)已經(jīng)成為一種潮流趨勢！到今天為止是非?；鸬?。

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

1、什么是移動WebApp？

現(xiàn)代移動設(shè)備包含功能強(qiáng)大的瀏覽器，這些瀏覽器支持許多新的HTML5功能、CSS3和高級JavaScript。由于最近在這方面取得的進(jìn)展，HTML5預(yù)示著這項技術(shù)將從一種“頁面定義語言”，轉(zhuǎn)變成一種功能強(qiáng)大的開發(fā)標(biāo)準(zhǔn)，用于開發(fā)豐富的、基于瀏覽器的應(yīng)用程序。

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

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

大家務(wù)必記?。赫嬲囊苿覹eb App不等于?移動網(wǎng)站wap

行業(yè)判斷依據(jù)有三點：

1、從訪問的角度來講。移動webAPP可以創(chuàng)建桌面快捷圖標(biāo)。移動網(wǎng)站指南靠輸入網(wǎng)址訪問。

2、移動webAPP必須提供觸摸操作優(yōu)化的、交互式的用戶體驗。而移動網(wǎng)站可以不需要采用這些移動觸摸技術(shù)。

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

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

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

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

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

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

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

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

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

下面是一些關(guān)于HTML5移動webAPP的知識點：

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

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

2、中國最大PhoneGap跨平臺移動互聯(lián)網(wǎng)開發(fā)門戶網(wǎng)

http://www.phonegap100.com/

3、10 款最好用的移動 webAPP開發(fā)工具

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