html5網(wǎng)站建設(shè)響應(yīng)式網(wǎng)站建設(shè)的趨勢分析
2015-08-11 11:31:07
過去這些年，HTML5 顛覆了 PC 互聯(lián)網(wǎng)的格局，優(yōu)化了移動互聯(lián)網(wǎng)的體驗(yàn)，接下來，HTML5 將顛覆原生 App 世界。這聽起來有點(diǎn)危言聳聽，但若認(rèn)真分析 HTML5 的發(fā)展史，你會發(fā)現(xiàn)，這個世界的發(fā)展趨勢確實(shí)就是這樣。
熟知?dú)v史才能預(yù)知未來，先讓我們來看看 HTML5 為什么誕生、這 8 年是怎么過來的。
一、 HTML5 的誕生
自 W3C 于 1999 年發(fā)布 HTML4 后，Web 世界快速發(fā)展，一片繁榮。人們一度認(rèn)為 HTML 標(biāo)準(zhǔn)不需要升級了。一些致力于發(fā)展 Web App 的公司另行成立了 WHATWG 組織，直到 2007 年，W3C 從 WHATWG 接手相關(guān)工作，重新開始發(fā)展 HTML5。
HTML5 的發(fā)展史，有用戶的需求在推動，有技術(shù)開發(fā)者的需求在推動，更有巨大的商業(yè)利益在推動。
在互聯(lián)網(wǎng)的早期，對用戶而言，能打開瀏覽器接入到互聯(lián)網(wǎng)世界就是一個神奇的事情，但互聯(lián)網(wǎng)發(fā)展到 2005 年前后，開始出現(xiàn)下一個變化，就是寬帶互聯(lián)。
隨著寬帶的普及和電腦性能的增強(qiáng)，人們不再滿足于單純的通過互聯(lián)網(wǎng)看新聞、收發(fā)郵件，消耗更高帶寬的娛樂產(chǎn)品開始出現(xiàn)，就是流視頻和網(wǎng)頁游戲。其實(shí)視頻和游戲是古老的需求，在互聯(lián)網(wǎng)不普及的時候，需求的滿足方式是離線傳輸?shù)?VCD 和游戲光盤;后來互聯(lián)網(wǎng)逐漸普及，人們更改了使用方式，通過下載軟件+本地媒體播放器來看視頻，下載體積較大的端游玩游戲。
但是對消費(fèi)者體驗(yàn)更好的新方式還是出現(xiàn)并顛覆了以前的一切，那就是流媒體和網(wǎng)頁游戲。Youtube 等公司把握住潮流飛速崛起，各種頁游公司也如雨后春筍。
但是 HTML 標(biāo)準(zhǔn)沒有把握住產(chǎn)業(yè)的變化及時演進(jìn)，瀏覽器產(chǎn)品也未升級，這塊新需求被瀏覽器插件滿足了，那就是 Flash。這個部署在億萬瀏覽器里的商業(yè)插件儼然成為事實(shí)標(biāo)準(zhǔn)。2005 年 Adobe 巨資收購 Macromedia，把 Flash 收歸旗下，緊接著大幅推廣 FLV 流媒體和 action script 語言，很明顯這樁收購可以列為 IT 并購的經(jīng)典案例，F(xiàn)LV 流媒體和 Flash 游戲風(fēng)靡互聯(lián)網(wǎng)，Adobe 在新的產(chǎn)業(yè)升級中攫取了大量的利潤。
除了 Flash 這個商業(yè)產(chǎn)品成為了事實(shí)標(biāo)準(zhǔn)，W3C 還面臨一個尷尬，就是另一個私有擴(kuò)展協(xié)議的制造者—IE。IE 當(dāng)時在桌面瀏覽器占有壟斷地位，并且擴(kuò)展了大量的 IE Only 語法，開發(fā)者完全不知道這些語言是誰定義的。整個 web 世界，就被兩家公司微軟 +Adobe 綁架了。
很多 IT 巨頭都坐不住了，尤其是蘋果和 Google。PC 操作系統(tǒng)的世界難有突破，Web 瀏覽器被蘋果寄予厚望，而且第一代 iPhone 只支持網(wǎng)頁，那時還沒有 Appstore，Safari 是喬布斯非?？粗氐漠a(chǎn)品;新貴 Google 雖然大量贊助 Mozilla，但并未對 IE 的地位產(chǎn)生實(shí)質(zhì)影響，收購了 YouTube 后發(fā)現(xiàn)底層被 Adobe 控制，也是非常難過，而且 Google 每年給 IE 的搜索框和 Adoble FLV 繳納的費(fèi)用真不是小數(shù)目。
既然大家都是 W3C 的主席單位，好吧，我們重新開始做 HTML5 吧。
是的，HTML5 其實(shí)就是這么誕生的。那是 2007 年，IE 和 Flash 由盛轉(zhuǎn)衰的轉(zhuǎn)折點(diǎn)。
二、 HTML5 第一階段： Web 增強(qiáng)與破壟斷
自 HTML5 誕生以來，一共經(jīng)歷了兩個階段，分別是 Web 增強(qiáng)和移動互聯(lián)網(wǎng)。我們先從 Web 增強(qiáng)說起。
web 體驗(yàn)的豐富增強(qiáng)主要表現(xiàn)在：1. webapp，比如 gmail;2. 流媒體;3. 游戲。我們就這 3 個方面來講 HTML5 做了什么。
1. webApp
HTML5 新增了離線存儲、更豐富的表單(比如 Input type=date)、js 線程、socket 王樂、標(biāo)準(zhǔn)擴(kuò)展 embed、以及很多 css3 新語法…
2. 流媒體
HTML5 新增了 audio、video
3. 游戲
HTML5 新增了 canvas、webgl
當(dāng)然還有 Google 努力在 HTML5 中推進(jìn) Header 和 Section 等標(biāo)簽，以利于搜索引擎分析，這些不多述。
HTML5 補(bǔ)充流媒體和游戲能力后，加上蘋果強(qiáng)勢拒絕在 iOS 上引入 Flash，成功的遏制了 Flash 的發(fā)展，然后就該遏制 IE 私有語法了。
在 HTML5 標(biāo)準(zhǔn)的升級過程中，蘋果和 Google 同時也看到了瀏覽器市場重新洗牌的機(jī)會，他們一方面參與 HTML5 的規(guī)范，一邊在瀏覽器產(chǎn)品上發(fā)力。Apple 首先開始大力發(fā)展 Safari，建立 WebKit 開源項(xiàng)目，Mac、iOS、Windows 多平臺齊發(fā)力;Google 起初是贊助 Mozilla 開發(fā) Firefox，后來自己開發(fā)了 v8 引擎，合并 WebKit，于 2008 年正式推出 Chrome。"IE 的私有規(guī)范 +Flash 不是標(biāo)準(zhǔn)，我們才是標(biāo)準(zhǔn)"這樣的口號在新一代瀏覽器大戰(zhàn)中打響，IE 瞬間成為千夫所指的壟斷代表，甚至成了阻礙 Web 發(fā)展的**(當(dāng)時 IE6 已數(shù)年未更新，并且絲毫不懼 Firefox 的發(fā)展)。
偏偏微軟此時也出了暈招，推出了一系列即不完整支持規(guī)范又互相不兼容的 IE7、8、9、10，徹底失去了開發(fā)者的心。
Adobe 的 Flash 被遏制，與 Web 霸主的位子擦肩而過;IE 的私有標(biāo)準(zhǔn)被遏制，并且造成 IE 市場份額不停下滑，直到 IE 最新的移動版本反過來開始支持 WebKit 私有語法，真是令人唏噓。不知道 HTML6 是不是該打倒 WebKit 壟斷了。
三、 HTML5 第二階段： 移動互聯(lián)網(wǎng)
隨著 Chrome 和 Safari 的高歌猛進(jìn)，以及 IE+Flash 的衰落，HTML5 告一段落，進(jìn)入了下一個時代——移動互聯(lián)網(wǎng)。HTML5 的跨平臺優(yōu)勢在移動互聯(lián)網(wǎng)時代被進(jìn)一步凸顯。HTML5 是唯一一個通吃 PC、Mac、iPhone、iPad、Android、Windows Phone 等主流平臺的跨平臺語言。Java 和 Flash 都曾夢想這個位置，但夢斷于 iOS。此時人們紛紛開始研究基于 HTML5 開發(fā)跨平臺手機(jī)應(yīng)用。很多人當(dāng)時認(rèn)為，原生應(yīng)用只是過渡，就像當(dāng)年從C/S結(jié)構(gòu)轉(zhuǎn)變?yōu)锽/S結(jié)構(gòu)一樣。而且學(xué)習(xí) Objective-C 和 Java 很費(fèi)勁，我既然會網(wǎng)頁開發(fā)，為何不試試 HTML5。
W3C 此時成立了 Device API 工作組，為 HTML5 擴(kuò)展了 Camera、GPS 等手機(jī)特有的 API，然而麻煩的是，移動互聯(lián)網(wǎng)初期的迭代太快了，手機(jī) OS 在不停的擴(kuò)展硬件 API，陀螺儀、距離感應(yīng)器、氣壓計(jì)。。。每年手機(jī) OS 都有大版本更新。而 W3C 作為一個數(shù)百家會員單位共同決策的組織，從標(biāo)準(zhǔn)草案的提出到達(dá)成一致是非常復(fù)雜的過程，跟不上移動互聯(lián)網(wǎng)初期的快速迭代。
PhoneGap 的出現(xiàn)，給開發(fā)者打開了一扇窗。很多人期待 PhoneGap 不停擴(kuò)展 API，來補(bǔ)充瀏覽器的不足。Adobe 看到 PhoneGap 仿佛看到了重振江湖地位的希望，但在 Adobe 收購 PhoneGap 后，又發(fā)現(xiàn)這個東西可商用性不足，而且開源使得 Adobe 無法像 Flash 那樣獲取商業(yè)利益，于是就把 PhoneGap 捐給了 Apache，改名為 Cordova。
因?yàn)楦鞣N原因，Cordova 的定位最終沒有成為瀏覽器的強(qiáng)化，而走向了混合式開發(fā)?；诋?dāng)時的背景，他們認(rèn)為原生是不可替代的，"原生 +HTML5"的混合模式更有意義。所以現(xiàn)在 Cordova 的使用模型是"原生工程師 +HTML5 工程師"一起協(xié)作完成 App。
這時 Facebook 加入了 W3C，牽頭成立了 Mobile Web 工作組。Facebook 是混 Web 圈的，并且在手機(jī) OS 上沒有自己的領(lǐng)地，他不喜歡被蘋果和 Google 掌控的原生應(yīng)用生態(tài)系統(tǒng)。Mobile Web 這個工作組的重要目標(biāo)就是讓 HTML5 開發(fā)的網(wǎng)頁應(yīng)用達(dá)到原生應(yīng)用的體驗(yàn)。然而，事與愿違，它不努力也就算了，結(jié)果是努力了卻失敗了。2012 年，F(xiàn)acebook 放棄了 HTML5 的新聞充斥了全世界的 IT 媒體，HTML5 瞬間被打入冷宮。
Facebook 為何放棄 HTML5?核心是當(dāng)時基于 HTML5 真的做不出好的移動 App。對比 Twritter 等競爭對手的原生 App，F(xiàn)acebook 的 HTML5 版本實(shí)在無法讓用戶滿意。比如 Push 功能，到現(xiàn)在 HTML5 的推送和原生的推送體驗(yàn)差距依然巨大，更不用說 HTML5 應(yīng)用的頁面切換白屏、下拉刷新/側(cè)滑菜單不流暢等眾多問題?？粗こ處熭p松實(shí)現(xiàn)搖一搖、二維碼、語音輸入、分享到朋友圈等功能，更是讓 HTML5 工程師感覺自己站錯了隊(duì)。
即使 Facebook 不喜歡被控制，也不能拿被用戶拋棄來冒險。而且 Facebook 并沒有掌握關(guān)鍵點(diǎn)—手機(jī)瀏覽器內(nèi)核。如果瀏覽器不跟上，徒然定一堆標(biāo)準(zhǔn)草案落不了地。
而瀏覽器在手機(jī)上的表現(xiàn)是什么呢?先看 Google，Chrome 性能雖高，但 Android 上的瀏覽器卻并非 Chrome，而是 WebKit 改出來的一個蹩腳的 Android 瀏覽器;再看蘋果，iOS 上不允許其他瀏覽器引擎上架 App Store，而且其他使用 Safari 引擎的應(yīng)用也無法調(diào)用蘋果自己的 JavaScript 加速引擎 Nitro。結(jié)果是蘋果和 Google 不但不在瀏覽器上積極實(shí)現(xiàn) HTML5 關(guān)于移動 App 所需的規(guī)范，反而對 HTML5 做出種種限制。
不管是當(dāng)時硬件能力不足，還是手機(jī) OS 廠商的故意限制，總之結(jié)果就是：在移動互聯(lián)網(wǎng)的初期，一定是原生應(yīng)用生態(tài)系統(tǒng)的天下，iOS 和 Android 首先自己的地盤穩(wěn)固后，產(chǎn)業(yè)才會向下個階段升級。
Facebook 也好，PhoneGap 也好，想在移動互聯(lián)網(wǎng)初期就分一杯羹是分不到的，但堅(jiān)持下來，機(jī)會往往會出現(xiàn)。
四、 HTML5 這回真的來了
終于，在 2014 年 10 月底，W3C 宣布 HTML5 正式定稿。這個時間，不晚不早，硬件性能更強(qiáng)、手機(jī) OS 迭代速度下降。
隨著 HTML5 標(biāo)準(zhǔn)定稿，一切紛爭將告一段落，現(xiàn)在，屬于 HTML5 的時代到來了。
有人說，光標(biāo)準(zhǔn)定稿沒用啊，配套起來了嗎?HTML5 做的應(yīng)用究竟能否匹敵原生 App?答案是，HTML5 不但可以匹敵原生 App，甚至它天然的很多特性超越了原生 App。
我們先談?wù)?HTML5 原來不如原生應(yīng)用的地方，業(yè)內(nèi)俗稱 HTML5 有"性工能"障礙。即 HTML5 性能不如原生、開發(fā)工具不如原生、能力調(diào)用不如原生。
這幾個問題導(dǎo)致開發(fā)者無法使用 HTML5 做出與原生一樣的 App。然而，不管是硬件升級還是 OS 廠商策略變化，以及相關(guān)軟件技術(shù)的成熟，已解決了 HTML5 的"性工能"障礙。
1. 硬件升級
2011 年，iPhone 4s 的 CPU 是 A5，現(xiàn)在 iPhone 6 是 A8，按蘋果的歷次發(fā)布會的說法，速度共提升了 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í)時更新，和 Chrome 的升級保持一致，用戶就可以不刷機(jī)享受到最新的瀏覽器引擎;再看 Apple 方面，2012 年 iPhone 5 發(fā)布后，HTML5 在 iOS 上的表現(xiàn)已令人滿意，Safari 獨(dú)家的 JavaScript 加速引擎 Nitro 不再那么重要，不過在 iOS 8 發(fā)布后，蘋果還是很識趣地取消了三方程序調(diào)用 Nitro 的限制，現(xiàn)在任意瀏覽器或應(yīng)用調(diào)用 iOS 的 UIWebview 都可以利用 Nitro 加速，這樣在前端使用 JS 做大型運(yùn)算也成為可能。兩大手機(jī)操作系統(tǒng)霸主和瀏覽器巨頭的態(tài)度發(fā)生了變化，使得 HTML5 在手機(jī)上的發(fā)展不再受限，而且這個變化不可逆只能繼續(xù)向前，這種變化勢必會產(chǎn)生深遠(yuǎn)的影響。
3. 軟件技術(shù)的成熟
PhoneGap 的發(fā)展雖然放緩了，但其他產(chǎn)品技術(shù)卻成熟了。2014 年的 iWeb 大會上，眾多廠商的產(chǎn)品提供了面向開發(fā)者免費(fèi)或開源的 HTML5 性工能障礙的解決方案。
(注：編者作為從業(yè)人員，也會在分析各種方案時提到我們公司的方案，但編者會客觀不夸張的陳述方案，而且該方案是純免費(fèi)的，沒有商業(yè)銷售嫌疑。)
DCloud 公司在 iWeb 大會上發(fā)布了系統(tǒng)的 HTML5"性工能缺失"的解決方案，包括：
a) 性能：提升 HTML5 性能的手機(jī)端引擎，讓側(cè)滑菜單、下拉刷新等動態(tài)交互卡頓的問題得以解決;
b) 工具：HTML5 開發(fā) IDE 產(chǎn)品 HBuilder, 超快的編程利器;
c) 能力：把 40 萬原生 API 封裝成 JavaScript 對象，以解決 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ī)，同時統(tǒng)一的 webview 也避免了兼容性的煩惱。
在專業(yè)方向上很多公司也做出了不錯的成績。觸控的 Cocos2d-html5、Egret runtime 和 Ludei CocoonJS 強(qiáng)化了 Canvas 的表現(xiàn)，讓 HTML5 游戲體驗(yàn)更好;UC、獵豹等手機(jī)瀏覽器都強(qiáng)化了音視頻播放的表現(xiàn)。
不管是硬件升級、軟件成熟，還是操作系統(tǒng)廠商策略變化，都在強(qiáng)力推動 HTML5 的爆發(fā)。
不過要注意，我說的 HTML5 爆發(fā)，不是指手機(jī)瀏覽器會替代桌面成為應(yīng)用入口。有人說 HTML5 不好，因?yàn)橛脩粲憛挻蜷_瀏覽器輸入 URL 的過程。我想說這種想法是對 HTML5 的片面理解。HTML5!=傳統(tǒng)瀏覽器，雖然編程語言還是 HTML、Javascript、CSS，但發(fā)行方式絕不是傳統(tǒng)網(wǎng)站那么簡單。HTML5 應(yīng)用的入口，反而很少是啟動瀏覽器輸入 URL，它可以是存在于手機(jī)桌面的圖標(biāo)、也可以來自超級 App (如微信朋友圈)、以及搜索引擎、應(yīng)用市場、廣告聯(lián)盟。。。到處都是它的入口。它的入口，比原生 App 更多。
五、 原生 App 的顛覆
HTML5 的"性工能"障礙得到解決，可以接近原生 App 的效果，所以它就可以替代原生 App 嗎?很多人認(rèn)為，即使 HTML5 會發(fā)展的比現(xiàn)在好，也將是與原生 App 各占一部分市場的格局，要求不高的長尾應(yīng)用會使用 HTML5，而主流應(yīng)用仍是原生 App 的天下。
但我認(rèn)為這樣的想法很危險，就像 Apple 成立前，HP 的高層告訴沃茲：誰會在家里擺一臺電腦呢?未來 HTML5 肯定會顛覆原生 App。"性工能"障礙的消除，只是 HTML5 的劣勢被削弱，但劣勢被消除后，它的優(yōu)勢就會大放異彩，HTML5 的優(yōu)勢是什么?我們分別就開發(fā)者和最終用戶來看。
HTML5 對開發(fā)者的 7 大優(yōu)勢
跨平臺：
在多屏年代，開發(fā)者的痛苦指數(shù)非常高，人人都期盼 HTML5 能扮演救星。多套代碼、不同技術(shù)工種、業(yè)務(wù)邏輯同步，這是折磨人的過程。有點(diǎn)類似個人電腦早期世界，那個時候的每家電腦都有自己的操作系統(tǒng)和編程語言，開發(fā)者疲于做不同版本，其實(shí) DOS 的盛行也很大程度是因?yàn)殚_發(fā)者實(shí)在沒精力給其他電腦寫程序。跨平臺技術(shù)在早期大多因?yàn)樾阅軉栴}夭折，但中后期硬件能力增強(qiáng)后又會占據(jù)主流，因?yàn)榭缙脚_確實(shí)是剛需。
快速迭代：
移動互聯(lián)網(wǎng)是一個快魚吃慢魚的時代，誰對用戶的需求滿足的更快，誰的試錯成本更低，誰就擁有巨大的優(yōu)勢?；ヂ?lián)網(wǎng)產(chǎn)品大多免費(fèi)、且有網(wǎng)絡(luò)效應(yīng)，后入者搶奪用戶的難度非常大。使用原生開發(fā)，從招聘、開發(fā)、上線各個環(huán)節(jié)的效率都慢一倍以上，而且參與的人越多，溝通效率往往拖慢不止一倍。
持續(xù)交付：
很多人有這樣的體會，一個原生應(yīng)用上線 Appstore，突然有一個大 bug，只好連夜加班修復(fù)，然后靜靜等待 2 周或更長時間的 Apple 審核，這 2 個星期被用戶的涂抹淹死，市場上一片差評，用戶大量流失。等新應(yīng)用被審核上線了，用戶已經(jīng)卸載了。但是，HTML5 沒有這些問題，你可以實(shí)時更新，有問題立即響應(yīng)。
大幅下降成本：
創(chuàng)業(yè)者融資并不容易，如何花錢更高效非常重要。如果你使用原生開發(fā)的 App 和競爭對手使用 HTML5 開發(fā)的 App 沒什么區(qū)別，但你的開發(fā)成本高出一倍，我相信沒有投資人會喜歡給你投錢。
開源生態(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)流非常容易，超級 App (如微信朋友圈)、搜索引擎、應(yīng)用市場、瀏覽器，到處都是 HTML5 的流量入口。而原生 App 的流量入口只有應(yīng)用市場。聰明的 HTML5 開發(fā)者當(dāng)然會玩轉(zhuǎn)各種流量入口從而取得更強(qiáng)的優(yōu)勢。
流量大：前段時間微信朋友圈風(fēng)靡一時《神經(jīng)貓》，這個游戲如果放到 Appstore，絕對沒有那么多流量，超級 App 帶來的流量，遠(yuǎn)大于原生應(yīng)用市場。假如微信允許游戲在桌面創(chuàng)建快捷方式、假如游戲后續(xù)升級解決持續(xù)娛樂問題，未來不可想象。
導(dǎo)流效率高：除了入口多、流量大，導(dǎo)流效率高也不可忽視，誰都知道：頁游和端游打同樣的廣告，廣告變用戶的轉(zhuǎn)化率，頁游遠(yuǎn)遠(yuǎn)高于端游。
可精準(zhǔn)導(dǎo)流到二級頁：我們都知道搜索引擎可以直接進(jìn)入到。
HTML5 對最終用戶的 3 大優(yōu)勢
大幅降低使用門檻
為什么流媒體會替代下載視頻成為主流?為什么頁游會如此火爆?只因用戶太"懶"。讓用戶更方便的滿足需求，有時效果好于更多的滿足需求。
用戶眼睛看到一個興趣點(diǎn)，點(diǎn)擊后，就應(yīng)該立即開始滿足用戶需求。比如流媒體可以立即看，頁游可以立即玩。而目前的原生應(yīng)用市場，用戶需要這樣操作：選一個應(yīng)用、等待下載、確認(rèn)權(quán)限、等待安裝，然后點(diǎn)擊打開。這樣糟糕的體驗(yàn)遲早要被顛覆。
不管是 App、游戲還是音視頻，未來都將即點(diǎn)即用。誰先滿足用戶這個需求，誰就制勝。
實(shí)時更新、差量更新的優(yōu)秀體驗(yàn)
HTML5 應(yīng)用可以繞開應(yīng)用市場的限制進(jìn)行自主實(shí)時更新，用戶可以快速享受新服務(wù)。
而且這種更新完全可以是差量更新，比如某個 HTML 頁面或某個 js 文件有問題，只更新這個幾k的小文件就可以了，這比原生應(yīng)用的更新體驗(yàn)好太多。
跨應(yīng)用的使用體驗(yàn)
目前手機(jī)應(yīng)用切換是以桌面或任務(wù)管理器為中心的，但事實(shí)上這些中心很影響效率和體驗(yàn)。用戶想出差三亞，先打開去哪 App 訂票，然后切回桌面，再找到并打開天氣 App，搜索輸入三亞，再切到桌面，找到并打開航旅縱橫 App，輸入航班號值機(jī)，哦對了，航班號多少來著，再切到桌面，找到并打開去哪 App 看航班號，最后找到并打開租車 App，輸入租車地點(diǎn)，然后再切回桌面。。。
在原生應(yīng)用體系下，用戶只能這樣。但在 HTML5 體系下，他不需要切回桌面，他可以在 App 間方便的直接跳來跳去，而不是使用一個一個孤島 App;他更不用重復(fù)錄入數(shù)據(jù)，應(yīng)用間可以方便的互相傳遞數(shù)據(jù)。
這種模式需要一點(diǎn)想象力，但未來遲早會來。
分析至此，我們可以明顯的看出，不管是站在最終用戶角度、還是站在開發(fā)者角度，HTML5 必將取代原生應(yīng)用當(dāng)前的位置。并由此引發(fā)一系列顛覆。
六、 還有什么會被改變?
HTML5 的爆發(fā)，原生 App 生態(tài)系統(tǒng)的顛覆，是一場產(chǎn)業(yè)革命，很多角色都會受到影響，我們來預(yù)測一番。
新型 HTML5 引擎戰(zhàn)火將燒起
標(biāo)準(zhǔn)的 HTML5 引擎并不能解決 HTML5 的所有問題，擁有大流量入口的互聯(lián)網(wǎng)巨頭，莫不在思考內(nèi)嵌更優(yōu)秀的增強(qiáng)引擎。騰訊推出了 X5 瀏覽器引擎，就是看中這個機(jī)會。目前各路瀏覽器廠商、應(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)行的更流暢。。。
一個巨頭開始行動，所有巨頭都會聞風(fēng)而動，沒錯，這場戰(zhàn)役會是移動互聯(lián)網(wǎng)世界的二次世界大戰(zhàn)。
應(yīng)用發(fā)行市場將洗牌
由于超級 App 的巨大流量能輕易成為 HTML5 應(yīng)用的入口，并且會形成大者更大的效應(yīng)，傳統(tǒng)的應(yīng)用商店、甚至線下預(yù)裝，這些流量不足和效率偏低的發(fā)行模式將被擠出市場主流。本身也是超級 App 的大流量應(yīng)用商店，如果轉(zhuǎn)型得當(dāng)，也將以發(fā)行 HTML5 應(yīng)用為主。
廣告和統(tǒng)計(jì)市場
原生的廣告和統(tǒng)計(jì) SDK 提供商會面臨尬尷，Google、百度等基于網(wǎng)頁的廣告和統(tǒng)計(jì)服務(wù)會取得更大的優(yōu)勢。開發(fā)者不再需要打包 SDK，引入一個 Script 即可。
開源技術(shù)將在移動互聯(lián)網(wǎng)領(lǐng)域更加流行
HTML 的開放性造就了大量的開源產(chǎn)品，也反向促進(jìn)了 HTML 的繁榮。在 Github 上有大量的 JS 框架，而原生的開源代碼數(shù)量相比甚少。而未來移動互聯(lián)網(wǎng)世界將因?yàn)殚_源而發(fā)展的更迅速，這里也同樣存在類 Github 廠商的機(jī)遇。
開發(fā)工具的變化
早期 HTML 只需要記事本寫幾個 Tag，中期的 HTML、JS、CSS 比較復(fù)雜，需要更高級的文本編輯器，但 HTML5 到來后，它的代碼量、復(fù)雜度、開發(fā)模型將與原生開發(fā)看齊，需要類似 XCode、Eclipse 等專業(yè)的 IDE 工具來解決開發(fā)、調(diào)試的問題。一些以會使用記事本寫代碼為榮的開發(fā)者，將面臨思路轉(zhuǎn)換甚至被更高效的開發(fā)者淘汰。
性能分析調(diào)優(yōu)
目前很多針對原生應(yīng)用的性能分析調(diào)優(yōu)工具或服務(wù)，未來也面臨轉(zhuǎn)型，HTML5 應(yīng)用的性能分析調(diào)優(yōu)是另一個世界。
混淆與產(chǎn)權(quán)保護(hù)
HTML5 是開放代碼的，好處也帶來弊端，有些東西開發(fā)者希望暴露，但有些東西開發(fā)者希望保護(hù)。混淆技術(shù)就變得更有商業(yè)機(jī)會。PC Web 上 Gmail 的混淆就做的不錯。除了 JS 混淆，離線數(shù)據(jù)加密相信也有不少空間。
安全廠商的新機(jī)會
HTML5 的強(qiáng)大會引發(fā)很多安全問題，并且解決思路與原生不一樣，業(yè)內(nèi)有可能會出現(xiàn)新的安全廠商領(lǐng)導(dǎo)者。
七、 結(jié)語
寫到結(jié)尾，感覺話題有點(diǎn)大了。其實(shí)未來如何發(fā)展是沒人能準(zhǔn)確預(yù)測的，變量非常多。但我想讓用戶和開發(fā)者都更方便的趨勢是不會錯的。
