烽火星空很高興為您解答：
成都創(chuàng)新互聯(lián)是網(wǎng)站建設(shè)專家,致力于互聯(lián)網(wǎng)品牌建設(shè)與網(wǎng)絡(luò)營銷，專業(yè)領(lǐng)域包括做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、電商網(wǎng)站制作開發(fā)、小程序制作、微信營銷、系統(tǒng)平臺開發(fā)，與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開發(fā)公司不同，我們的整合解決方案結(jié)合了恒基網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營銷的理念，并將策略和執(zhí)行緊密結(jié)合，且不斷評估并優(yōu)化我們的方案，為客戶提供全方位的互聯(lián)網(wǎng)品牌整合方案！
以下譯自Michael Mahemoff的一篇文章，詳細(xì)分析了HTML5能否取代Android和ioS應(yīng)用程序。
介紹
移動應(yīng)用程序(App)和HTML5都是目前最火的技術(shù)，二者之間也有不少重疊之處。在移動設(shè)備瀏覽器里運(yùn)行的html5的web頁面，也可以重新打包成不同平臺上運(yùn)行的app。目前很多瀏覽器都有很好的跨平臺支持，（譯注：firefox居然可以在android中使用和windows下同樣的瀏覽器內(nèi)核），HTML5的web方案，對開發(fā)者來說更為方便。完成一次，即可多平臺使用。但這確實(shí)可行嗎？仍然有許多必要原因，使得開發(fā)者選擇了app開發(fā)。很明顯，很多人已經(jīng)在這么做了。本文將詳細(xì)分析兩種方案的優(yōu)劣。
功能豐富
正方：App里可以開發(fā)出更豐富的功能
我們把移動功能分成兩類。程序本身和程序與系統(tǒng)的結(jié)合。比如android里，加入widget圖標(biāo)或者通知提醒之類的。App對這兩者都沒問題。不用多說，這是肯定的。
反方：APP是挺強(qiáng)，但Web也正在迎頭跟進(jìn)
確實(shí)很多原生app實(shí)現(xiàn)的功能是HTML5望塵莫及的。不管你的web做的再牛，如果停留在一個(gè)沒有攝像頭支持的沙盒中，很多場合還是玩不轉(zhuǎn)。幸運(yùn)的是，現(xiàn)在沒有這樣的沙盒限制了。如果你需要你的web照相片，可以做一個(gè)負(fù)責(zé)照像的app，再把你的web打包進(jìn)這個(gè)應(yīng)用里面。開源的PhoneGap框架是這么干的。這樣widget，手機(jī)提醒也都沒問題了。
但這種混合開發(fā)的問題在于，增加了復(fù)雜性，而且不象傳統(tǒng)web那樣可以直接在瀏覽器里運(yùn)行。這個(gè)問題短時(shí)間內(nèi)恐怕沒轍。好在現(xiàn)在網(wǎng)絡(luò)標(biāo)準(zhǔn)在不斷的高速擴(kuò)充，先進(jìn)的瀏覽器也在一直跟進(jìn)。Android 3.1已經(jīng)支持camera了。ioS瀏覽器也支持WebSocket和設(shè)備方向檢測了
。
總得來說，移動設(shè)備在發(fā)展，而web也同樣在快速變化。桌面瀏覽器本身，有5家主要瀏覽器開發(fā)商在改進(jìn)現(xiàn)有標(biāo)準(zhǔn)，豐富新的功能。所以原生App在快速前進(jìn)，同時(shí)，web也在縮小差距。
運(yùn)行效率
正方：原生APP速度更快
原生APP沒有瓶頸，而且可以直接調(diào)用gpu加速、使用多線程。
反方：現(xiàn)如今Web已經(jīng)快多了，而且多數(shù)應(yīng)用也用不著那么快。
這說法有點(diǎn)落伍了。Chrome發(fā)布之時(shí)帶來的Javascript V8，給Web速度帶來的飛躍。而現(xiàn)在，計(jì)算速度變得更快了：
圖片處理引擎已經(jīng)使用web加速。現(xiàn)在硬件加速也已經(jīng)開始應(yīng)用了?？纯从蒙嫌布铀俚腸anvas（圖表來源）
要開發(fā)3D游戲的就不用抬杠了，但對于平而來說，新聞、郵件、時(shí)間管理、社交網(wǎng)絡(luò)，這些用Web都夠用了。試試Steve Souders的手機(jī)性能測試工具。 另外，越來越多的框架結(jié)合WebGL，可以發(fā)揮OpenGL的優(yōu)勢了。比如Impactjs，幫助開發(fā)js游戲。
開發(fā)感受
正方：原生APP好寫
原生APP使用強(qiáng)壯的程序語言（Java, Objective C, C++）。適合寫復(fù)雜程序，經(jīng)過歷史驗(yàn)證，api豐富。在桌面環(huán)境可以方便的用模擬器測試。而Web程序的runtimes和亂七八糟的各路瀏覽器讓人頭大。
反方：一般都是Web更簡單，特別是需要兼容不同設(shè)備的時(shí)候。
Web最初的功能只限于文檔展示，而不是程序應(yīng)用，貌似最近倆星期才有了js。但有了js后，web的世界馬上就不一樣了。更何況web不只是靜止的，HTML5，CSS3，EcmaScript Harmony（誰知道這是什么？）都給開發(fā)者極大幫助。你是喜歡C++，java, JavaScript，那你的個(gè)人愛好，也是基于你已經(jīng)攢下的代碼。但是現(xiàn)在沒人能否認(rèn)JavaScript也和前者站在同一擂臺上。
瀏覽器/runtime的互不兼容（碎片），反過來看做APP也是一樣。用Java寫了Android app，然后又要面對ioS的Objective C。如果能寫一個(gè)程序，馬上能在Android和ioS上運(yùn)行，多省事啊。這咱還沒提WebOS, BlackBerry，Windows mobile呢。當(dāng)然，這是理論上的。要是想讓程序在每個(gè)平臺都跑得很漂亮，得做不少調(diào)試和妥協(xié)。這對很多原生APP也是一樣的。不同OS版本，不同的設(shè)備。。。
所謂的Web碎片化，一直都是如此。但好消息是現(xiàn)在已經(jīng)有很多不錯(cuò)的解決辦法。Modernizr庫，用得好的話，可以幫你兼容一大批主流設(shè)備，不管是啥系統(tǒng)，哪個(gè)牌子的。看看我們2011年的Google io演示。
用戶體驗(yàn)
正方：原生APP更切合原有平臺
操作感受的定義之一，就是用戶希望在你的程序里，用與系統(tǒng)連貫統(tǒng)一的方式來操作。不同的平臺，都有一些約定俗成的習(xí)慣。比如長按按鈕會有啥反應(yīng)。你不能指望用一套統(tǒng)一的HTML5 App去滿足所有用戶。
此外，整個(gè)平臺的操作感受都由用平臺自有的軟件庫協(xié)調(diào)。直接調(diào)用平臺工具包就能直接免費(fèi)獲得完整支持。
反方：我們Web有自己的傳統(tǒng)，你要特想做原有平臺那種感覺的web，也一樣能做出來
前面說了，Web開發(fā)的方式，是先做一個(gè)大體適合所有平臺的版本，然后再針對不同平臺不斷改進(jìn)。當(dāng)這些改進(jìn)主要是針對功能時(shí)，你可以選擇幾個(gè)你最關(guān)心的平臺做優(yōu)化。類似于瀏覽器檢測。技術(shù)論壇里的悲催技術(shù)員們，經(jīng)常抱怨這事。太多不同的瀏覽器版本了。不過如果你優(yōu)先關(guān)注兩三種主流平臺，是值得為他們多花點(diǎn)時(shí)間做做優(yōu)化。
web本來就有自己的操作感受。我們也可以說，不同的默認(rèn)瀏覽器以及運(yùn)行環(huán)境造就了獨(dú)特的"Web感受"。從更廣的角度看，這本身就是一種用戶公認(rèn)的方式。此外，還有很多成功的案例并不遵循移動設(shè)備的原生操作習(xí)慣，人家也成功了。想想你最喜歡的手機(jī)游戲的界面？很多更傳統(tǒng)的app也是一樣，比如Twitter客戶端。
傳播途徑
正方：原生應(yīng)用更容易接觸客戶
象Google Play和Apple Store這樣的app發(fā)布機(jī)制這幾年勢不可擋，推動了整個(gè)移動行業(yè)。每個(gè)程序員都能在市場里發(fā)布自己的應(yīng)用。用戶都擠在市場里瀏覽，搜索，接受推薦。不僅如此，只要你的程序夠好，現(xiàn)有用戶的打分會幫助你說服更多新的客戶。
反方：其實(shí)web才容易接觸到客戶
通過web找到內(nèi)容，這是經(jīng)過論證的可靠途徑。利用URL，每一項(xiàng)發(fā)布的內(nèi)容都有一個(gè)獨(dú)立的地址，包括在網(wǎng)站上發(fā)布的應(yīng)用程序。搜索引擎幫助發(fā)現(xiàn)內(nèi)容，其他網(wǎng)站提供鏈接，還有一些類似應(yīng)用市場的分類網(wǎng)站。用戶還可以郵件、短信、在社交網(wǎng)站分享你的鏈接。你的應(yīng)用鏈接可以直接在不同設(shè)備上直接打開。
web上還沒有一個(gè)統(tǒng)一的評分系統(tǒng)，但這個(gè)情況也在發(fā)生改變。往下看。。。
收費(fèi)
正方：App收費(fèi)：應(yīng)天意，順民生
“六歲孩子午飯時(shí)做app，$3一個(gè)，賣出幾百萬”。最近常聽看到這樣的新聞。各種大小廠商也跟著蜂擁而至，等著圈錢。應(yīng)用商點(diǎn)幫開發(fā)商直接收費(fèi)。最簡單的辦法，一次性收費(fèi)。也有在app里再另行收費(fèi)或者做訂閱收費(fèi)的，這幫助開發(fā)商贏得長期穩(wěn)定的回報(bào)。
此外，傳統(tǒng)網(wǎng)站的廣告、贊助，在app里也同樣適用。
反方：網(wǎng)站賺錢，從來都不是問題?，F(xiàn)在機(jī)會還越來越多
Web能成為現(xiàn)在社會的推動力，有能力用多種方式取得回報(bào)，這是基本條件。雖然使用付費(fèi)并不普遍。但SaaS的模式已經(jīng)相當(dāng)普及了。成功案例包括Google Apps，37signals的系列產(chǎn)品，各類郵件的收費(fèi)版。另外，直接收費(fèi)并不是web應(yīng)用的唯一模式。廣告、會員鏈接，贊助，其他產(chǎn)品服務(wù)的交叉推廣都是可選的模式。
看著能在應(yīng)用市場里直接賺錢而眼紅的Web開發(fā)商們，你們不能直接把你的URL發(fā)進(jìn)市場，但是做一個(gè)瀏覽web的app的殼子來連到自己的web上怎么樣？現(xiàn)在市場中如果不說數(shù)以千計(jì)，至少也有上百的app這么干了。有些包裝的好的，你甚至察覺不到他是一個(gè)web程序。
以后應(yīng)用市場會直接支持web程序嗎？這個(gè)現(xiàn)在還不好說，但去年Google已經(jīng)建了個(gè)Chrome web store。雖然還只能從桌面電腦放問，但這已經(jīng)挑起了瀏覽器廠商的興趣。現(xiàn)在還只是個(gè)初步概念，但看起來挺有前途。
結(jié)論
現(xiàn)在還看不出完勝的一方。有些應(yīng)用適合做app，有一些適合用html5。目前的情況，原生APP肯定是一個(gè)很重要的選擇。上面提到的混合式開發(fā)，可能是一個(gè)不錯(cuò)的妥協(xié)方案。能用web的時(shí)候用app調(diào)用web。web實(shí)現(xiàn)不了的功能用app開發(fā)。
如果你選擇web方式，要在web標(biāo)準(zhǔn)和不斷的改進(jìn)上用心。web技術(shù)本身的優(yōu)點(diǎn)就是能兼容大批不同的操作系統(tǒng)和設(shè)備。消極的看，你也可以這是碎片，但web就是一切通吃。
英文原文：HTML5 VS native: THE mobile APP debate
中文翻譯：unicom-china
本文地址：
基于HTML5的app，實(shí)際上是WEB APP，它的跨平臺特性確實(shí)吸引了不少人，甚至有人喊出了HTML5將統(tǒng)治世界的說法。而實(shí)際的用戶體驗(yàn)上，大家普遍都認(rèn)為WEB APP在目前軟硬件環(huán)境下，還是不如Native APP。 這其中的原因不管是硬件的配置（很明顯android的速度趕不上iphone），還是軟件的原因（畫面的渲染速度以及網(wǎng)頁的解析速度）暫不好說明。但是native app還是有著明顯的優(yōu)點(diǎn)
1、擺脫對平臺的依賴
HTML5可以擺脫對平臺的依賴，用戶打開瀏覽器，直接就可以訪問應(yīng)用，而不需要經(jīng)過各種Store的審核。
2、實(shí)時(shí)更新
實(shí)時(shí)更新，通常平臺的審核都需要七個(gè)工作日左右的時(shí)間，如果發(fā)布之后發(fā)現(xiàn)問題怎么辦?Web方式就不存在這種問題。
3、離線使用
用戶可以離線使用，更新下載量及少，可以全部更新，也可以選擇替換部分文件。
4、代碼更安全安全
使用HTML5，代碼更安全安全。眾所周知Web應(yīng)用有一個(gè)很大的問題就是代碼安全的問題，但現(xiàn)在HTML5可以將Web代碼全部加密，本地應(yīng)用解密后再運(yùn)行，大大的提供了代碼的安全性。
5、跨平臺
HTML5可以做到跨平臺，多數(shù)核心代碼不用重寫，Javascript的代碼用得好的話，在許多地方都可以用到，包括移動應(yīng)用、移動網(wǎng)站、PC網(wǎng)站、各種瀏覽器插件，甚至可以用WebKit封裝作為跨平臺的應(yīng)用程序。誠然，這種方式并非完全跨平臺，但這樣也足以減少很多工作量了，特別是后期的維護(hù)。
6、可以充分利用Native
HTML5可以通過瀏覽器作為中介充分利用Native的好處，比如說可以使用GPS、照相機(jī)、本地相冊、讀取本地聯(lián)系人，也可以使用推送功能等，最重要的是，某些Web無法實(shí)現(xiàn)的功能，我們可以利用Native來實(shí)現(xiàn)。
html5現(xiàn)在還占優(yōu)勢的。
1、開發(fā)方式
（1）代碼結(jié)構(gòu)： React Native更為合理，組件化程度高
（2）UI布局：Web布局靈活度 React Native Native
（3）UI截面圖：React Native使用的是原生組件，
（4）路由／Navigation：React Native Native更勝一籌
（5）第三方生態(tài)鏈：Native modules + js modules = React Native modules
2、性能 體驗(yàn)
（1）內(nèi)存：Native最少；因?yàn)镽eact Native含有框架，所以相對較高，但是后期平穩(wěn)后會優(yōu)于Native。
（2）CPU：React Native居中。
（3）動畫：React Native動畫需求基本滿足。
（4）安裝包體積：React Native框架打包后，811KB。相比熱更新，可以忽略和考慮資源規(guī)劃。
（5）Big ListView
（6）真機(jī)體驗(yàn)：Native = React Native H5/Hybrid
html5應(yīng)用 并不僅僅是html5本身，其實(shí)還有css3 ，canvas，javascript ， 需要把這些都合成起來才能做好一個(gè)html5應(yīng)用 ，目前很多Native 中會嵌入html5頁面所做的頁面，因?yàn)閔tml5的更新更會更容易。
如果希望做一個(gè)html5應(yīng)用，其實(shí)可以看一些webapp的前端框架，百度搜索一下webapp 前端框架就能看到，里面有很多效果其實(shí)已經(jīng)接近原生應(yīng)用。
同時(shí)也可以看看 “html5中國產(chǎn)業(yè)聯(lián)盟” ，“phonegap”，等等 他們會把所做的html5應(yīng)用轉(zhuǎn)換成原生應(yīng)用！可以調(diào)用手機(jī)的硬件！也就是說，只要開發(fā)一次，那么就能生成android ，ios，windows phone應(yīng)用，節(jié)省很多開發(fā)成本，而這只是應(yīng)用方面。
在游戲方面，Egret和 cocos2d-x 都很棒，它們都能生成不同系統(tǒng)的手機(jī)游戲！
有人可能會說原生的應(yīng)用效率更高，但是只要在baidu搜索一下就會發(fā)現(xiàn)，評論的時(shí)間大部分都不是最近，而且很多開發(fā)者做html5應(yīng)用時(shí)并不用心，或者說是不了解，就拿一個(gè)比較簡單的事件來說，點(diǎn)擊事件，大部分人會使用click事件，這個(gè)沒有錯(cuò)，但是它的效率低，當(dāng)手指在屏幕上抬起時(shí)會有一定的延遲，所以給人的感覺會慢一點(diǎn)，但是稍微有點(diǎn)經(jīng)驗(yàn)的會使用touch事件 ，當(dāng)手指碰觸到手機(jī)屏幕時(shí)就會觸發(fā)事件，而touch 在不同的手機(jī)中兼容不一樣，而另外一些真正做過的就會考慮到 “點(diǎn)擊降級”，或者是touch包，理論上是當(dāng)手指點(diǎn)擊手機(jī)屏幕時(shí)，先使用不同操作系統(tǒng)的touch事件，如果不兼容就使用mousedown 事件，如果在不兼容，為了安全最后在使用click事件，這樣就能給用戶一個(gè)很好的點(diǎn)擊效果。
重慶分公司
重慶分公司
