HTML5與app以對(duì)立競爭的產(chǎn)品形態(tài)展現(xiàn)在大眾視野。從去年開始又有一大批技術(shù)派或者創(chuàng)業(yè)者盯向html5領(lǐng)域，移動(dòng)游戲的爆發(fā)和微信朋友圈等眾多平臺(tái)為HTML5導(dǎo)流，能不能顛覆，或許只是時(shí)間上的問題。

就像Apple成立前，HP的高層告訴沃茲：誰會(huì)在家里擺一臺(tái)電腦呢?未來HTML5肯定會(huì)顛覆原生App。2007年W3C(萬維網(wǎng)聯(lián)盟)立項(xiàng)HTML5，直至2014年10月底，這個(gè)長達(dá)八年的規(guī)范終于正式封稿。

過去這些年，HTML5顛覆了PC互聯(lián)網(wǎng)的格局，優(yōu)化了移動(dòng)互聯(lián)網(wǎng)的體驗(yàn)，接下來，HTML5將顛覆原生App世界。這聽起來有點(diǎn)危言聳聽，但若認(rèn)真分析HTML5的發(fā)展史，你會(huì)發(fā)現(xiàn)，這個(gè)世界的發(fā)展趨勢確實(shí)就是這樣。

▌跨平臺(tái)：

在多屏年代，開發(fā)者的痛苦指數(shù)非常高，人人都期盼HTML5能扮演救星。多套代碼、不同技術(shù)工種、業(yè)務(wù)邏輯同步，這是折磨人的過程。有點(diǎn)類似個(gè)人電腦早期世界，那個(gè)時(shí)候的每家電腦都有自己的操作系統(tǒng)和編程語言，開發(fā)者疲于做不同版本，其實(shí)DOS的盛行也很大程度是因?yàn)殚_發(fā)者實(shí)在沒精力給其他電腦寫程序。跨平臺(tái)技術(shù)在早期大多因?yàn)樾阅軉栴}夭折，但中后期硬件能力增強(qiáng)后又會(huì)占據(jù)主流，因?yàn)榭缙脚_(tái)確實(shí)是剛需。

▌快速迭代：

移動(dòng)互聯(lián)網(wǎng)是一個(gè)快魚吃慢魚的時(shí)代，誰對(duì)用戶的需求滿足的更快，誰的試錯(cuò)成本更低，誰就擁有巨大的優(yōu)勢。互聯(lián)網(wǎng)產(chǎn)品大多免費(fèi)、且有網(wǎng)絡(luò)效應(yīng)，后入者搶奪用戶的難度非常大。使用原生開發(fā)，從招聘、開發(fā)、上線各個(gè)環(huán)節(jié)的效率都慢一倍以上，而且參與的人越多，溝通效率往往拖慢不止一倍。

▌持續(xù)交付：

很多人有這樣的體會(huì)，一個(gè)原生應(yīng)用上線Appstore，突然有一個(gè)大bug，只好連夜加班修復(fù)，然后靜靜等待2周或更長時(shí)間的Apple審核，這2個(gè)星期被用戶的涂抹淹死，市場上一片差評(píng)，用戶大量流失。等新應(yīng)用被審核上線了，用戶已經(jīng)卸載了。但是，HTML5沒有這些問題，你可以實(shí)時(shí)更新，有問題立即響應(yīng)。

▌大幅下降成本：

創(chuàng)業(yè)者融資并不容易，如何花錢更高效非常重要。如果你使用原生開發(fā)的App和競爭對(duì)手使用HTML5開發(fā)的App沒什么區(qū)別，但你的開發(fā)成本高出一倍，我相信沒有投資人會(huì)喜歡給你投錢。

▌開源生態(tài)系統(tǒng)發(fā)達(dá)：

HTML5前端是開放的正反饋循環(huán)生態(tài)系統(tǒng)，大量的開源庫可以使用，開發(fā)應(yīng)用變得更輕松、更敏捷，當(dāng)然這也體現(xiàn)在了快速迭代和成本下降上。不過更重要的是，這種開放的正反饋循環(huán)生態(tài)系統(tǒng)未來的生命力是比原生生態(tài)系統(tǒng)更強(qiáng)勁的。

▌開放的數(shù)據(jù)交換：

HTML是以page為單元開放代碼的，它無需專門開發(fā)SDK，只要不混淆，就能與其他應(yīng)用交互數(shù)據(jù)。開發(fā)者可以讓手機(jī)搜索引擎很容易檢索到自己的數(shù)據(jù)，也更容易通過跨應(yīng)用協(xié)作來滿足最終用戶需求。

▌更容易推廣、更容易爆發(fā)：

導(dǎo)流入口多：HTML5應(yīng)用導(dǎo)流非常容易，超級(jí)App(如微信朋友圈)、搜索引擎、應(yīng)用市場、瀏覽器，到處都是HTML5的流量入口。而原生App的流量入口只有應(yīng)用市場。聰明的HTML5開發(fā)者當(dāng)然會(huì)玩轉(zhuǎn)各種流量入口從而取得更強(qiáng)的優(yōu)勢。

流量大：前段時(shí)間微信朋友圈風(fēng)靡一時(shí)《神經(jīng)貓》，這個(gè)游戲如果放到Appstore，絕對(duì)沒有那么多流量，超級(jí)App帶來的流量，遠(yuǎn)大于原生應(yīng)用市場。假如微信允許游戲在桌面創(chuàng)建快捷方式、假如游戲后續(xù)升級(jí)解決持續(xù)娛樂問題，未來不可想象。

導(dǎo)流效率高：除了入口多、流量大，導(dǎo)流效率高也不可忽視，誰都知道：頁游和端游打同樣的廣告，廣告變用戶的轉(zhuǎn)化率，頁游遠(yuǎn)遠(yuǎn)高于端游。

▌大幅降低使用門檻

為什么流媒體會(huì)替代下載視頻成為主流?為什么頁游會(huì)如此火爆?只因用戶太“懶”。讓用戶更方便的滿足需求，有時(shí)效果好于更多的滿足需求。

用戶眼睛看到一個(gè)興趣點(diǎn)，點(diǎn)擊后，就應(yīng)該立即開始滿足用戶需求。比如流媒體可以立即看，頁游可以立即玩。而目前的原生應(yīng)用市場，用戶需要這樣操作：選一個(gè)應(yīng)用、等待下載、確認(rèn)權(quán)限、等待安裝，然后點(diǎn)擊打開。這樣糟糕的體驗(yàn)遲早要被顛覆。

不管是App、游戲還是音視頻，未來都將即點(diǎn)即用。誰先滿足用戶這個(gè)需求，誰就制勝。

▌實(shí)時(shí)更新、差量更新的優(yōu)秀體驗(yàn)

HTML5應(yīng)用可以繞開應(yīng)用市場的限制進(jìn)行自主實(shí)時(shí)更新，用戶可以快速享受新服務(wù)。

而且這種更新完全可以是差量更新，比如某個(gè)HTML頁面或某個(gè)js文件有問題，只更新這個(gè)幾k的小文件就可以了，這比原生應(yīng)用的更新體驗(yàn)好太多。

▌跨應(yīng)用的使用體驗(yàn)

目前手機(jī)應(yīng)用切換是以桌面或任務(wù)管理器為中心的，但事實(shí)上這些中心很影響效率和體驗(yàn)。用戶想出差三亞，先打開去哪App訂票，然后切回桌面，再找到并打開天氣App，搜索輸入三亞，再切到桌面，找到并打開航旅縱橫App，輸入航班號(hào)值機(jī)，哦對(duì)了，航班號(hào)多少來著，再切到桌面，找到并打開去哪App看航班號(hào)，最后找到并打開租車App，輸入租車地點(diǎn)，然后再切回桌面。

在原生應(yīng)用體系下，用戶只能這樣。但在HTML5體系下，他不需要切回桌面，他可以在App間方便的直接跳來跳去，而不是使用一個(gè)一個(gè)孤島App;他更不用重復(fù)錄入數(shù)據(jù)，應(yīng)用間可以方便的互相傳遞數(shù)據(jù)。

這種模式需要一點(diǎn)想象力，但未來遲早會(huì)來。

分析至此，我們可以明顯的看出，不管是站在最終用戶角度、還是站在開發(fā)者角度，HTML5必將取代原生應(yīng)用當(dāng)前的位置。并由此引發(fā)一系列顛覆。

HTML5的爆發(fā)，原生App生態(tài)系統(tǒng)的顛覆，是一場產(chǎn)業(yè)革命，很多角色都會(huì)受到影響，我們來預(yù)測一番。

▌新型HTML5引擎戰(zhàn)火將燒起

標(biāo)準(zhǔn)的HTML5引擎并不能解決HTML5的所有問題，擁有大流量入口的互聯(lián)網(wǎng)巨頭，莫不在思考內(nèi)嵌更優(yōu)秀的增強(qiáng)引擎。騰訊推出了X5瀏覽器引擎，就是看中這個(gè)機(jī)會(huì)。目前各路瀏覽器廠商、應(yīng)用市場廠商、甚至rom廠商，都在努力整合更優(yōu)質(zhì)的瀏覽器引擎。假使微信內(nèi)嵌的Webview可以運(yùn)行更優(yōu)秀的canvas游戲、假使360手機(jī)助手可以發(fā)行即點(diǎn)即用的HTML5應(yīng)用并且能力體驗(yàn)與原生一致、假使小米rom內(nèi)置更強(qiáng)大的webview使得所有HTML5應(yīng)用在小米手機(jī)上運(yùn)行的更流暢。

一個(gè)巨頭開始行動(dòng)，所有巨頭都會(huì)聞風(fēng)而動(dòng)，沒錯(cuò)，這場戰(zhàn)役會(huì)是移動(dòng)互聯(lián)網(wǎng)世界的二次世界大戰(zhàn)。

▌應(yīng)用發(fā)行市場將洗牌

由于超級(jí)App的巨大流量能輕易成為HTML5應(yīng)用的入口，并且會(huì)形成大者更大的效應(yīng)，傳統(tǒng)的應(yīng)用商店、甚至線下預(yù)裝，這些流量不足和效率偏低的發(fā)行模式將被擠出市場主流。本身也是超級(jí)App的大流量應(yīng)用商店，如果轉(zhuǎn)型得當(dāng)，也將以發(fā)行HTML5應(yīng)用為主。

▌廣告和統(tǒng)計(jì)市場

原生的廣告和統(tǒng)計(jì)SDK提供商會(huì)面臨尬尷，Google、百度等基于網(wǎng)頁的廣告和統(tǒng)計(jì)服務(wù)會(huì)取得更大的優(yōu)勢。開發(fā)者不再需要打包SDK，引入一個(gè)Script即可。

▌開源技術(shù)將在移動(dòng)互聯(lián)網(wǎng)領(lǐng)域更加流行

HTML的開放性造就了大量的開源產(chǎn)品，也反向促進(jìn)了HTML的繁榮。在Github上有大量的JS框架，而原生的開源代碼數(shù)量相比甚少。而未來移動(dòng)互聯(lián)網(wǎng)世界將因?yàn)殚_源而發(fā)展的更迅速，這里也同樣存在類Github廠商的機(jī)遇。

▌開發(fā)工具的變化

早期HTML只需要記事本寫幾個(gè)Tag，中期的HTML、JS、CSS比較復(fù)雜，需要更高級(jí)的文本編輯器，但HTML5到來后，它的代碼量、復(fù)雜度、開發(fā)模型將與原生開發(fā)看齊，需要類似XCode、Eclipse等專業(yè)的IDE工具來解決開發(fā)、調(diào)試的問題。一些以會(huì)使用記事本寫代碼為榮的開發(fā)者，將面臨思路轉(zhuǎn)換甚至被更高效的開發(fā)者淘汰。

▌性能分析調(diào)優(yōu)

目前很多針對(duì)原生應(yīng)用的性能分析調(diào)優(yōu)工具或服務(wù)，未來也面臨轉(zhuǎn)型，HTML5應(yīng)用的性能分析調(diào)優(yōu)是另一個(gè)世界。

▌混淆與產(chǎn)權(quán)保護(hù)

HTML5是開放代碼的，好處也帶來弊端，有些東西開發(fā)者希望暴露，但有些東西開發(fā)者希望保護(hù)。混淆技術(shù)就變得更有商業(yè)機(jī)會(huì)。PC Web上Gmail的混淆就做的不錯(cuò)。除了JS混淆，離線數(shù)據(jù)加密相信也有不少空間。

▌安全廠商的新機(jī)會(huì)

HTML5的強(qiáng)大會(huì)引發(fā)很多安全問題，并且解決思路與原生不一樣，業(yè)內(nèi)有可能會(huì)出現(xiàn)新的安全廠商領(lǐng)導(dǎo)者。

有人說，光標(biāo)準(zhǔn)定稿沒用啊，配套起來了嗎?HTML5做的應(yīng)用究竟能否匹敵原生App?答案是，HTML5不但可以匹敵原生App，甚至它天然的很多特性超越了原生App。

我們先談?wù)凥TML5原來不如原生應(yīng)用的地方，業(yè)內(nèi)俗稱HTML5有“性工能”障礙。即HTML5性能不如原生、開發(fā)工具不如原生、能力調(diào)用不如原生。

這幾個(gè)問題導(dǎo)致開發(fā)者無法使用HTML5做出與原生一樣的App。然而，不管是硬件升級(jí)還是OS廠商策略變化，以及相關(guān)軟件技術(shù)的成熟，已解決了HTML5的“性工能”障礙。

▌1. 硬件升級(jí)

2011年，iPhone 4s的CPU是A5，現(xiàn)在iPhone 6是A8，按蘋果的歷次發(fā)布會(huì)的說法，速度共提升了7.5倍。這3年間7.5倍的速度提升，抹平了太多HTML5的性能問題。

▌2. 蘋果、Google的策略變化

Google在2013年底發(fā)布的Android 4.4，內(nèi)置的Webview不再是蹩腳的Android WebKit瀏覽器，而是Chromium，性能大幅提升。從最新的Android5.0開始，Webview可以通過Google Play Store實(shí)時(shí)更新，和Chrome的升級(jí)保持一致，用戶就可以不刷機(jī)享受到最新的瀏覽器引擎;再看Apple方面，2012年iPhone 5發(fā)布后，HTML5在iOS上的表現(xiàn)已令人滿意，Safari獨(dú)家的JavaScript加速引擎Nitro不再那么重要，不過在iOS 8發(fā)布后，蘋果還是很識(shí)趣地取消了三方程序調(diào)用Nitro的限制，現(xiàn)在任意瀏覽器或應(yīng)用調(diào)用iOS的UIWebview都可以利用Nitro加速，這樣在前端使用JS做大型運(yùn)算也成為可能。兩大手機(jī)操作系統(tǒng)霸主和瀏覽器巨頭的態(tài)度發(fā)生了變化，使得HTML5在手機(jī)上的發(fā)展不再受限，而且這個(gè)變化不可逆只能繼續(xù)向前，這種變化勢必會(huì)產(chǎn)生深遠(yuǎn)的影響。

▌3. 軟件技術(shù)的成熟

PhoneGap的發(fā)展雖然放緩了，但其他產(chǎn)品技術(shù)卻成熟了。2014年的iWeb大會(huì)上，眾多廠商的產(chǎn)品提供了面向開發(fā)者免費(fèi)或開源的HTML5性工能障礙的解決方案。

(注：編者作為從業(yè)人員，也會(huì)在分析各種方案時(shí)提到我們公司的方案，但編者會(huì)客觀不夸張的陳述方案，而且該方案是純免費(fèi)的，沒有商業(yè)銷售嫌疑。)

DCloud公司在iWeb大會(huì)上發(fā)布了系統(tǒng)的HTML5“性工能缺失”的解決方案，包括：

a) 性能：提升HTML5性能的手機(jī)端引擎，讓側(cè)滑菜單、下拉刷新等動(dòng)態(tài)交互卡頓的問題得以解決;

b) 工具：HTML5開發(fā)IDE產(chǎn)品HBuilder, 超快的編程利器;

c) 能力：把40萬原生API封裝成JavaScript對(duì)象，以解決HTML5能力不足問題的Native.js技術(shù);

d) 最接近原生體驗(yàn)的高性能框架：MUI框架，體積只有幾十K，加載、運(yùn)行遠(yuǎn)快于一般框架。

基于該方案開發(fā)的HTML5應(yīng)用完全可以達(dá)到原生App的功能和體驗(yàn)。

使用HBuilder開發(fā)HTML5應(yīng)用

英特爾公司發(fā)布了Crosswalk引擎，可以讓Android 4.0-4.3的手機(jī)上的應(yīng)用打包Chromium引擎而不是Android WebKit。畢竟目前市場上存在大量Android 4.0-4.3的手機(jī)，同時(shí)統(tǒng)一的webview也避免了兼容性的煩惱。

在專業(yè)方向上很多公司也做出了不錯(cuò)的成績。觸控的Cocos2d-html5、Egret runtime和Ludei CocoonJS強(qiáng)化了Canvas的表現(xiàn)，讓HTML5游戲體驗(yàn)更好;UC、獵豹等手機(jī)瀏覽器都強(qiáng)化了音視頻播放的表現(xiàn)。

不管是硬件升級(jí)、軟件成熟，還是操作系統(tǒng)廠商策略變化，都在強(qiáng)力推動(dòng)HTML5的爆發(fā)。

不過要注意，我說的HTML5爆發(fā)，不是指手機(jī)瀏覽器會(huì)替代桌面成為應(yīng)用入口。有人說HTML5不好，因?yàn)橛脩粲憛挻蜷_瀏覽器輸入U(xiǎn)RL的過程。我想說這種想法是對(duì)HTML5的片面理解。HTML5!=傳統(tǒng)瀏覽器，雖然編程語言還是HTML、Javascript、CSS，但發(fā)行方式絕不是傳統(tǒng)網(wǎng)站那么簡單。HTML5應(yīng)用的入口，反而很少是啟動(dòng)瀏覽器輸入U(xiǎn)RL，它可以是存在于手機(jī)桌面的圖標(biāo)、也可以來自超級(jí)App(如微信朋友圈)、以及搜索引擎、應(yīng)用市場、廣告聯(lián)盟。。。到處都是它的入口。它的入口，比原生App更多。

HTML5的“性工能”障礙得到解決，可以接近原生App的效果，所以它就可以替代原生App嗎?很多人認(rèn)為，即使HTML5會(huì)發(fā)展的比現(xiàn)在好，也將是與原生App各占一部分市場的格局，要求不高的長尾應(yīng)用會(huì)使用HTML5，而主流應(yīng)用仍是原生App的天下。

但我認(rèn)為這樣的想法很危險(xiǎn)，就像Apple成立前，HP的高層告訴沃茲：誰會(huì)在家里擺一臺(tái)電腦呢?未來HTML5肯定會(huì)顛覆原生App。

其實(shí)未來如何發(fā)展是沒人能準(zhǔn)確預(yù)測的，變量非常多。但我想讓用戶和開發(fā)者都更方便的趨勢是不會(huì)錯(cuò)的。

我在這里拋磚引玉，歡迎大家一起討論，但我希望我們能理智的分析，在爭議中提煉真知，而不是未經(jīng)思考或驗(yàn)證僅因?yàn)楹ε卤活嵏捕鵁o謂的亂噴。也祝愿大家在HTML5的浪潮中，把握住機(jī)遇，享受下坐在風(fēng)口當(dāng)豬的感覺。

出色的網(wǎng)站建設(shè)可以給我們帶來更多的好處，節(jié)省人工成本，同時(shí)增加頁面瀏覽量，增加潛在意向客戶。可以說，合適的網(wǎng)站建設(shè)對(duì)企業(yè)有百利而無一害。特別是近年來營銷型網(wǎng)站建設(shè)概念的提出，可以通過網(wǎng)站提升搜索排名，獲取更多意向客戶資源。所以作為企業(yè)，一定要想辦法創(chuàng)建一個(gè)高度有競爭力的網(wǎng)站。一個(gè)好的網(wǎng)站可以幫助企業(yè)做好營銷工作。可以說，與傳統(tǒng)網(wǎng)站相比，營銷網(wǎng)站的建設(shè)更具市場競爭力，給企業(yè)帶來了一定的價(jià)值。營銷型網(wǎng)站建設(shè)有哪些特征呢？或者說，怎樣做才能讓網(wǎng)站的營銷力彰顯突出，多年網(wǎng)站設(shè)計(jì)制作經(jīng)驗(yàn)告訴我們，營銷型網(wǎng)站建設(shè)最核心的功能莫過于與用戶建立互動(dòng)。

一定要有聊天互動(dòng)

其實(shí)，不難發(fā)現(xiàn)很多網(wǎng)站都是靜態(tài)的，只有一些圖片設(shè)計(jì)，簡單的文字加上圖片，再加上互動(dòng)就不一樣了，如果有類似QQ的聊天功能，及時(shí)收到客戶的建議，反饋信息，這可以大大提高銷售率。

多放留言反饋表單

聊天互動(dòng)可以在工作時(shí)進(jìn)行，所以下班后，每個(gè)人都想舒服地休息，但客戶的問題又如何呢？這需要一個(gè)消息區(qū)，任何問題都可以詢問，并且在回復(fù)后，其他客戶也有同樣的問題可以參考。

增加通知公告板塊

最新的公告部分是給客戶最好的服務(wù)體驗(yàn)，這是營銷網(wǎng)站建設(shè)的成功之處。當(dāng)用戶瀏覽網(wǎng)頁時(shí)，他們可以第一次在最醒目的位置看到通知的變化，這樣可以相對(duì)減輕員工一次又一次通知客戶的壓力，同時(shí)也提高了工作效率。

結(jié)合需求開發(fā)功能

如果網(wǎng)站上有一個(gè)獨(dú)立的服務(wù)模板，比如移動(dòng)公司，你可以在網(wǎng)頁上查詢電話費(fèi)，改變套餐業(yè)務(wù)，這是實(shí)現(xiàn)網(wǎng)絡(luò)銷售目的一個(gè)很好的方式。

安裝網(wǎng)站流量分析

現(xiàn)在普通網(wǎng)站上只有一些簡單的統(tǒng)計(jì)系統(tǒng)，比如人數(shù)、點(diǎn)擊率等等。建議我們結(jié)合專業(yè)的網(wǎng)站分析系統(tǒng)，可以統(tǒng)計(jì)訪問人群、訪問頻率等，這樣可以進(jìn)行大量的數(shù)據(jù)分析，更好地把握銷售心理。

高端網(wǎng)站建站，高端企業(yè)網(wǎng)站建設(shè)，網(wǎng)站建設(shè)高端定制，企業(yè)高端網(wǎng)站建設(shè)，專注高端網(wǎng)站建設(shè)，大型網(wǎng)站平臺(tái)建設(shè)，高端網(wǎng)站建設(shè)多少錢，網(wǎng)站建設(shè)靠譜的

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計(jì)  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計(jì)  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機(jī)網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營銷網(wǎng)站建設(shè)  品牌網(wǎng)站建設(shè)  網(wǎng)站建設(shè)方案  響應(yīng)式網(wǎng)站建設(shè)  外貿(mào)網(wǎng)站建設(shè)  公司網(wǎng)站建設(shè)  建設(shè)網(wǎng)站  網(wǎng)站建設(shè)服務(wù)  高端網(wǎng)站建設(shè)  網(wǎng)站優(yōu)化服務(wù)  上海網(wǎng)站公司  企業(yè)網(wǎng)站設(shè)計(jì)  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計(jì)  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計(jì)公司  網(wǎng)站制作公司