作者:劉菲菲
在2011年底舉辦的HTML5年會上,創(chuàng)新工場CEO李開復在開場演講中提到,2012年會是HTML5最大的豐收年。目前,桌面瀏覽器對 HTML5的支持已經(jīng)越來越完美,而支持HTML5的手機瀏覽器卻并不多。2011年,幾款主流的手機瀏覽器相繼宣布發(fā)布了支持HTML5的版本,但由于 手機瀏覽器的內(nèi)核和性能存在不小的差異,使得不同瀏覽器對HTML5的支持度也有所不同。
HTML5年會當天,歐朋手機瀏覽器同步推出了基于Android系統(tǒng)的HTML5體驗版。如此“隆重”的推出這一版本,在HTML5的支持上究竟表現(xiàn)如何?今天我們就來對歐朋HTML5體驗版進行一次全方位評測。
歐朋手機瀏覽器HTML5體驗版評測
在開始評測之前,有必要先讓大家了解一下什么是HTML5。
HTML5是新一代的Web標準,原生支持多媒體功能,不再依賴瀏覽器插件(例如 Adobe Flash player, Windows Media Player),便可實現(xiàn)跨平臺在線影音播放。同時 HTML5 還可以讓網(wǎng)頁調(diào)用手機的應用數(shù)據(jù)從而實現(xiàn)很酷的功能。另外,HTML5 新增了離線存儲,一次聯(lián)網(wǎng)加載資源,長久離線訪問。廣義的HTML5技術(shù)還包括CSS3、javaScript以及SVG支持等。
HTML5 LOGO
簡單來說就是,可以讓瀏覽器在不安裝任何插件的情況下支持音視頻播放、矢量圖繪制、網(wǎng)頁游戲等多媒體應用。
界面變化不大
很多人不喜歡用新版軟件,并不是怕新版功能不好,而是擔心界面發(fā)生變化之后,很多原來熟悉的功能就找不到了。還好,歐朋HTML5體驗版的界面與之前相比并沒有太大變化,只是在啟動畫面中調(diào)整了LOGO擺放位置,并增加了HTML5 LOGO。
歐朋HTML5體驗版啟動畫面改變
主界面的布局與之前完全一樣,只是預設(shè)的快速撥號數(shù)量增加到了9個,內(nèi)容也都是HTML5體驗頁面,讓用戶在安裝好該版本之后,可以第一時間用手機來體驗HTML5帶來的精彩。
歐朋手機瀏覽器HTML5體驗版主界面
專業(yè)工具評分
打開歐朋HTML5體驗版快速撥號的第一個頁面,是一款HTML5測試工具,通過它可以很直觀了解到一款瀏覽器對HTML5的支持度。之前大家 可能在桌面瀏覽器的測試中經(jīng)常看到這款工具,但在手機瀏覽器的測試中還很少見到。這次,我們就用這款工具給歐朋HTML5體驗版進行打分,看它是否能與 PC瀏覽器媲美。
歐朋HTML5體驗版打分結(jié)果
在滿分為450的Html5test測試工具中,歐朋HTML5體驗版得到了305分,這在手機瀏覽器中已經(jīng)算是相當高的分數(shù)了,甚至不亞于一 些PC瀏覽器。可見,歐朋HTML5體驗版完全可以媲美PC端瀏覽器的表現(xiàn),在PC瀏覽器中可以實現(xiàn)的HTML5特效,使用歐朋HTML5體驗版也同樣可 以體驗。不信?那我們就來試試看。
HTML5視頻播放體驗
HTML5帶給很多人最深的印象就是,它不需要任何插件的支持,就可以在網(wǎng)頁中播放音視頻,目前優(yōu)酷、土豆、酷6等大部分視頻網(wǎng)站都已經(jīng)支持這 一標準。同時,Adobe公司也在去年宣布會停止Flash對移動終端的支持,這也能在一定程度上對HTML5的發(fā)展起到促進作用。
言歸正傳,下面我們就來看看歐朋HTML5體驗版對實際頁面的支持程度到底怎么樣。
HTML5視頻體驗網(wǎng)站截圖
視頻效果逼真 畫面速度流暢
這個測試頁面只支持HTML5視頻播放,在保證網(wǎng)速的情況下,使用歐朋HTML5體驗版播放時沒有出現(xiàn)視頻失真或卡頓的現(xiàn)象。
HTML5游戲娛樂體驗
除了視頻播放,HTML5還為我們帶來了很強大的游戲體驗,快速撥號的第二頁(向左滑動頁面即可切換到第二頁)就預置了幾個HTML5原創(chuàng)游戲大賽中的獲獎作品,這里我們用兔子的旅行進行測試。
歐朋HTML5體驗版快速撥號第二頁
兔子的旅行游戲截圖
之所以選擇兔子的旅行來測試,主要是因為這款游戲所包含的HTML5特效比較全面,即有聲音和動畫,又支持重力感應操控。使用歐朋HTML5體 驗版在試玩之后發(fā)現(xiàn),游戲的流暢度和直接下載游戲沒有太大的差別,只是在游戲的復雜程度上相對較低,畢竟其開發(fā)者僅用了20小時來完成游戲的全部制作。
CSS3特性體驗
支持HTML5只是對瀏覽器性能的一部分要求,CSS3的支持度同樣是瀏覽器性能的重要衡量標準。那么歐朋HTML5體驗版在CSS3特性的表現(xiàn)上又如何呢?
與HTML5一樣,CSS3也是一個全新時代的技術(shù),它可以給你的圖片添加圓角,可以讓你的圖片具有陰影特效,還可以打造一個矢量圖的效果。
HTML5 CSS3介紹(左)以及HTML對于矢量圖的例子(右)
歐朋HTML5體驗版CSS3 LOGO特效截圖(左邊是CSS3,右邊是普通圖片)
從圖片可能我們還不是很清晰的看出他們的區(qū)別,大家可以自己去體驗下,將圖片放大后,就可以看出普通的圖片是有鋸齒和毛邊,而且質(zhì)量變得很差,而CSS3制作出來的效果則不管你放大多少倍,他都可以跟矢量圖一樣保持不變。
我們再來看一個CSS3光影效果的特效。
CSS3光影效果,完全依靠代碼模擬出來的場景
評測總結(jié):
通過試用可以看出,歐朋HTML5體驗版在HMTL5上表現(xiàn)可以稱得上是無懈可擊,給我們帶來了很多驚喜。在測試工具和實際體驗中都有很好的表 現(xiàn)。最重要的是,歐朋HTML5體驗版不僅自身是支持HTML5,而且還內(nèi)置了數(shù)款HTML5的軟件和游戲,讓我們不需要去找那些適合HTML5玩的軟件 或游戲。
新聞熱點
疑難解答
圖片精選