ADVERTISEMENT
守信用的好人IE9今天又推出新版的Platform Preview了,當然在它的炫耀展示中心也不會忘了添加多種小遊戲與展示,比起其他HTML5的示範網頁都是硬梆梆,小編覺得這一招運用的十分漂亮。另一個重點是加入支援<video>、<audio>、<canvas>等多媒體功能。
此外,還有WOFF嵌入式字型,而且播放H.264影片已經具備硬體加速的能力,讓這次更新相當具有殺傷力。如果你還沒有下載過先前的IE9 Platform Preview,可以先用其他瀏覽器連到微軟的Platform Preview頁面,把中央的執行檔抓下來跑一遍就可以了。
一如以往,這個陽春版的瀏覽器只有最基本的視窗框架和幾個文字選單而已,除了展示新版IE瀏覽器引擎的各種硬體加速能力和HTML5的支援程度,也就沒什麼其他功能了。
▲連上微軟IE9的示範網站下載新版,安裝好以後也會自動進到這個首頁。
這次在我們的測試平台上,除了有Core 2 Duo E8500這顆主流級的雙核心處理器、2GB的記憶體,特地交叉安裝一張NVIDIA GeForce 6200超低階顯卡、及另一張主流級的ATI Radeon HD 3850做為對照。
最左邊第一項遊戲很時髦的秀出了Amazon Shelf,這個很像我們早上才介紹過的iBooks書城一般的網頁,不過它的特效其實跟上次的Flickr Explorer差不多,也是一堆書飛出來再一一排進書架上。按一下把書拉出來的話則可以翻頁。在低階卡的平台上執行,就算有硬體加速的IE9也只能達到24FPS左右的水準,換用中階卡後,從動畫開始到拿書出來翻,一路都是全速飆60FPS。對照Firefox 3.7A6Pre版的成績大約是40FPS左右,似乎只有少部份的硬體加速(未修改aboug:config),再拿Chrome最新的6.0開發版出來比一比,呃,它只跑得動不到5FPS的幻燈片。
▲只要Radeon HD 3850等級的顯示卡,IE9就可以全速跑Amazon Shelf動畫特效。
▲Chrome 6.0真慘,連動畫還沒開始,就已經降到1FPS了。
其他的小遊戲和網頁大同小異,之前我們也有介紹過用法,這裡就不一一寫流水帳了。底下我們就看圖瀏覽一下幾個比較有趣的項目。小編特別推薦ECMAScript 5 Game,所謂ECMAScript其實就是JavaScript更正統嚴謹的名稱,遊戲內容不斷落下一堆像賭城籌碼的東西,用滑鼠點籌碼,上下左右甩動交換位置,三枚連成一線就可以消掉,讓我很白痴的玩了快一個小時。
從這裡也可以看出未來網頁小遊戲就快不是Flash的專利了,像是這次很多新的測試項目都是用來展示<canvas>,它是用程式來控制點陣圖的繪圖,跟用程式畫向量圖的SVG搭配,很多小遊戲、小動畫就不必靠Flash才能呈現了。
▲這個FishIE Tank遊戲是養了一堆當初Windows 7 Beta桌布上的魚,在測試平台上一直調到500隻才降到40FPS。
▲小編意志力太不堅定了,玩個ECMAScript 5 Game也會入迷,不過它到底會不會game over啊?
最後的重點是影片播放的硬體加速,我們試播了IMDb Video Panorama的幾段影片,很奇怪的是處理器佔用率並沒有下降的跡像。改用YouTube的HTML5測試網頁才出現效果,在測試平台上的Radeon HD 3850,可以將IE9播影片的CPU佔用率拉低到15%以下,同一段影片換成Chrome則是飆高到40%左右,對於效能更差的平台,硬體加速是很有用的。
有趣的是,換成才剛更新的Flash 10.1播放器測試,號稱的硬體加速功能又消失了,輾轉查了一下資料,才發現Flash 10.1只支援比較新的顯示卡,相較之下HTML5的解決方案就更親民,就等各大瀏覽器將完整的硬體加速功能補完了。
▲IMDb Video Panorama在我們的測試平台上看不到加速效果。
▲IE9播放HTML5 1080p影片測試。
▲Chrome 6.0播放HTML5 1080p影片測試,特別聲明,少女時代是隨便搜尋出來的而已。
▲Flash 10.1的release note有記載,ATI部份只有Radeon HD 4系列以上的顯示卡才有硬體加速。
▲至於NVIDIA的支援清單可以看這個網頁,要從GeForce 8系列起跳才行。
HTML5支援就通通不管了,
實證:http://html5test.com
附圖:http://img.ly/1snm
(YA! Flash 10.1硬體加速N牌幾乎都有支援到耶~)
感謝Chrome
如果沒有它們
相信到2020年依然還是IE6的天下
(喂
期末考沒時間玩目前問題似乎相當多的硬體加速功能...
確認目前在html5test.com的分數有84分!
已經達到Firefox 3.7 a6 184分的將近一半;
Google Chrome 6 219分的三分之一以上了!
而Acid3的測試分數也終於及格了!
可喜可賀!!!
另外剛剛為Chrome加了樓上Alex大建議的參數:
--enable-accelerated-compositing
FPS已經可以在IE9的一些測試頁面中超越IE9~
嗯嗯~Google Chrome果然強大~
且我發現 CHROME 在載圖時有一些問題,有一些圖片在個人 BLOG 就是無法全部載入,火狐還好,就是會發生圖片載一半的情況,F5 就好了,但 CHROME 不然,就是要重整 N 次才會載入一些圖(圖用的是SHACK蛙網)。
其次,就是下回來的 CHROME 不論是 chrome_5.0.375.70 穩定版或 chrome_6.0.437.3 開發版,會發生 SETUP 執行失敗的情況,很納悶。
火狐 SETUP 從不會發生這樣的情形。
且 CHROME 的一個小問題,說來也不算是問題,就是安裝一堆套件後記憶體佔用會相當兇,我想這大概就是記憶空間不足導致的載圖失敗原因吧?
目前 CHROME 還在等待 DownloadHelper 及 DownThemAll 的移植版本。
除此之外,目前上想要的必裝套件都有了,個人十分滿意。
FIREFOX 3.6.6 的html5test.com 測試成果為 139分,還不錯。
慢了13年了= (
> 捷報!剛補測html5test.com,新的IE9測試版有84分了... XD
別讓哆拉A夢欺騙了你的眼睛!Html5test醜惡真相披露
http://bbs.pcbeta.com/archiver/tid-792430.html
話說,html5test.com 用了一堆 -webkit, -moz,
特殊瀏覽器的專用 tag! ╯-__-)╯ ╩╩
IE 9 會拿低分有啥好奇怪的?
這種專為特定瀏覽器設計的測試根本不具參考價值!
微軟提供的 html5 支援表
http://samples.msdn.microsoft.com/ietestcenter/