<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

本課程由Mugeda-H5交互設計云平臺首席設計師岑遠科親自錄制，岑老師曾為網易，華為，大眾點評等知名品牌創作移動端HTML5動畫案例，在業內屬HTML5動畫大神級別。理論與實踐結合度高。 本課程中將逐步講解目前熱門H5作品制作方法，本次課程主要內容為目前市面上比較流行同時邏輯不是很復雜的案例講解。

了解更多游戲H5案例請關注公眾賬號-卡司令！

<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

本課程由Mugeda首席設計師岑遠科親自錄制，岑老師曾為網易，華為，大眾點評等知名品牌創作移動端HTML5動畫案例，在業內屬HTML5動畫大神級別。理論與實踐結合度高。 本課程中將逐步講解目前熱門H5作品制作方法，本次課程主要內容為目前市面上比較流行同時邏輯不是很復雜的案例講解。

了解更多游戲H5案例請關注公眾賬號-卡司令！

015年已經到了尾聲，這一年里打車軟件合并熱鬧了一波，出行應用合并熱鬧了一波，同城交易合并也熱鬧了一波，“618”“11·11”“12·12”各種在線購物節熱鬧了好幾波，就連小小的上下班巴士服務都熱鬧了一陣子，唯獨瀏覽器市場幾乎是波瀾不驚，不管是廠商還是投資方好像都忘了這么個東西。

那么這一年下來，手機瀏覽器的各家發展情況又是如何呢？作為一個普普通通的用戶，我們壓根不關心誰家融了資，誰家減了預算，我們只關心實實在在的產品。2015年最好用的手機瀏覽器是什么？今天我們就來評評看。

本次評測我們找來了當前市面上比較流行的10款安卓手機瀏覽器，從幾個方面進行測試和評定。參測產品見下表：

測試環境：

下面大致介紹一下本次橫評的考量方面，主要重點側重于速度與標準支持、流量消耗和擴展功能這三個方面。其中速度與標準支持測試是用戶最直觀的感受，也是評判一款瀏覽器性能的重要參考標準，在我們的評測中也會是一個重點。

流量消耗測試考量的是瀏覽器在流量消耗上的控制能力，進一步降低用戶的流量損耗就是為用戶節省銀子，因此是否能夠在打開相同內容時消耗最少的流量也是移動瀏覽器的重要評價標準。

HTML5兼容性測試很簡單就是考量瀏覽器對HTML5的支持能力，HTML5的網頁趨勢已經無法逆轉，越來越多的網站逐步拋棄傳統的Flash方案而投向HTML5。因此一款瀏覽器能否更好的支持HTML5，意味著現在和將來是否能夠正常地提供足夠多的網頁解析。

擴展功能測試旨在考量提供最基本的網頁瀏覽服務以外，瀏覽器還能為用戶提供哪些便捷的服務。作為手機上的互聯網重要入口，手機瀏覽器能夠為用戶提供比如資源整合、云服務、等便捷功能也是一件錦上添花的事。

速度與標準支持測試

速度與標準支持測試是考量瀏覽器的綜合性能和對網頁標準的支持程度的，簡單說就是速度和兼容性，能否快速且完全地打開網站。

在性能測試中我們使用了Google V8基準測試，這是一個Google官方的Javascript腳本測試集，對瀏覽器Javascript性能進行全面的檢測，分數越高越好。

而在網頁標準測試中，我們用到的是Acid3測試，這是網頁標準計劃小組設計的一套測試方案，是瀏覽器與網頁標準的相容性測試，分數達到100才算完整通過測試。

Acid3測試界面

測試結果如下：

從上面測試結果中可以看出，在性能測試方面，以Chrome和Firefox為代表的國外瀏覽器在分數上遠超國內瀏覽器，不得不承認國外品牌在硬功夫上的扎實程度。而縱觀國產瀏覽器，分數基本都差不多，除了百度一個突破了3000分之外，其他的表現相差無幾。

而在網頁標準測試中，幾乎所有瀏覽器都通過了完整的Acid3測試，只有UC瀏覽器沒有達成滿分而未能完整通過測試。為了避免出現的誤差，我們使用另一臺Galaxy Nexus單獨測試得出的也是相同的結果。

綜合起來看，在本項測試中表現最突出的莫非Chrome和Firefox這兩款國外品牌瀏覽器，而在國內品牌中，百度的表現相對較好。

流量消耗測試

流量消耗測試我們將通過“流量監測”這款應用來對各款參測瀏覽器進行流量監控。測試的項目是打開中關村在線首頁，流量消耗越少分數越高。在測試中，我們在每測試一款瀏覽器流量消耗時都手動記錄了前后的流量數據，最終的結果由前后相減得出。本次測試為首次打開ZOL，不存在緩存數據。

流量監測結果

測試流量消耗測試結果如下：

從上表中可以看出，Chrome再次以明顯的優勢與其他瀏覽器拉開差距，Firefox依然緊隨其后，又一次表現出國際品牌的扎實功底。而360的表現卻不盡如人意，至于其他瀏覽器的數據則相對比較接近各參測瀏覽器的結果都相差不大。

值得一提的是，Chrome在我們的年中平選中，在流量消耗這一項的表現是倒數第一。但是這一次我們在設置中找到了默認關閉的省流量功能，一下躍居第一位。所以用戶們需要記得手動開啟省流量開關。

HTML5兼容性測試

HTML5的意義在于對更先進采用HTML5標準的網站的支持能力，同時對HTML5的支持效果也反映出了瀏覽器的前瞻性和對新技術的態度。越來越多的網站在表現圖形動畫，甚至是網頁游戲時已經拋棄傳統的Flash技術，轉而使用HTML5。因此對HTML5的支持還意味著是否能夠玩到相應的網頁游戲。

HTML5測試我們使用的是專門的測試網站html5test，它會直接為當前瀏覽器打出相應的分數，數值越高支持越好，滿分555分。

HTML5測試前三甲

HTML5測試結果：

結果這項測試依然是Chrome以518分的成績傲視群雄，Firefox以475分的成績緊隨其后，真是不得不承認這兩款瀏覽器在核心技術方面的優勢還是與國內廠商拉開了較大距離的。在國內瀏覽器這部分，UC和QQ的表現最好，均突破了400分，而搜狗的表現最糟糕。

有意思的是，360、獵豹、傲游、歐朋這幾款瀏覽器的分數都是326分，實力實在太相當了。不過值得一提的是，與年中的評測數據相比，國內瀏覽器的HTML5分數都提高了100分左右，可見廠商們還是做了不少努力的。

擴展功能測試

作為一款好的瀏覽器，對于硬實力的要求是必須的，但同時如果能夠整合更多的資源提供給用戶一些軟性的需求，也是一件錦上添花的事情。而且事實上性能的差距如果不大，那么這些所謂的軟實力反而是用戶選擇的第一加分印象。

為此我們找出了目前主流瀏覽器中普遍存在的一些輔助功能，看看這10款參測產品在擴展功能的支持上表現如何。

擴展功能

最終對比圖如下：

可以發現，盡管在性能比拼上國內的瀏覽器產品被Chorme和Firefox打得一敗涂地，但是在擴展功能上缺失遠勝這兩個外來戶，在軟實力的比拼上更勝一籌。尤其是UC、QQ、360和百度這些老牌和大公司的產品，幾乎是體驗了最多的擴展豐富性。

反觀之前在各項測試中保持第一的Chrome，在這一項中卻是表現最差的，而Firefox也沒好到哪去。這也讓我們看出了兩個設計理念的差異，像Chrome這種純拼硬實力的產品往往也會忽視軟實力方面的重要性。

結果公布及總結

通過前面的各項測試，想必大家心中也已經有結果了，這里我們還是將每一項測試的前三名列出來，讓大家有一個更直觀的印象。

相信看到這張表很多人都會答案了，本次2015手機瀏覽器測試的最有產品為Chrome。憑借著在性能、流量、兼容性上的突出表現，Chrome與其他參測產品拉開了巨大的差距，尤其是對比國內瀏覽器品牌，在分數上是碾壓性的勝利。不過在擴展功能方面，Chrome的表現卻普遍弱于國產瀏覽器，這也是其在中國普及率不如本土產品高的原因之一。

Chrome

由此我們也我們發現，目前并不存在一款十全十美的手機瀏覽器產品，要么是性能彪悍但功能少，要么是性能平庸卻功能豐富。所以這才有了“即使Chrome被評為最佳，也不一定人人都會用”的局面。

對于中國用戶來說，我們不同的人也有著不同的追求，有人愿意多等2秒中而獲得更“傻瓜化”的綜合體驗，也有人愿意為了極致的速度而忍受功能的欠缺。只有真正適合自己的才是最好的瀏覽器。

至于國產品牌的部分，各家也是各有千秋，比如百度在性能測試上有優勢，搜狗更省流量，而UC對HTML5支持更好。以及如果你想要QQ等級加速的話，你應該更適合QQ。

瀏覽器的革命性新技術已經很多年沒有出現過了，下一個突破點或許就是新的革命性技術的誕生。至于誰能夠抓住這次機會，希望國內的廠商們能夠爭一次光，不要把錢都拿去投資新熱點了，也得沒事回頭看看這條老的產品線吶。