Ie9 preview 00 守信用的好人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系列起跳才行。

使用 Facebook 留言

黑眼bobo
2.  黑眼bobo (發表於 2010年6月24日 19:07)
大家都在測試階段,還很難說,不過硬體加速這招很有梗,有一說接下來就會有Beta版了,等著看好戲
neco
3.  neco (發表於 2010年6月24日 19:08)
還沒正式發表都很難說,有看過追上比分後又被逆轉回去的比賽吧
15bfe13eed810787f5ada41a38c5ebe1?size=48&default=wavatar
5.  regmax (發表於 2010年6月24日 19:56)
感謝Firefox
感謝Chrome
如果沒有它們
相信到2020年依然還是IE6的天下
C40274ca84c1d7e0e9b4d074b47babcf?size=48&default=wavatar
7.  e999hack (發表於 2010年6月24日 21:54)
睡了13年的IE兔子終於醒來了,可惜Firefox跟Chrome這兩隻烏龜已經快到達目的地了。
Ed6adbd809263027776c7ce261c7587d?size=48&default=wavatar
9.  RB (發表於 2010年6月25日 02:55)
T客幫缺爛電腦啊...這邊還有一張VIA C3忘記667還800,吃SDRAM的內顯版子(沒有AGP介面,沒有SATA介面)

(喂
Af517381e0b81c66b188ff741361be83?size=48&default=wavatar
10.  Alex (發表於 2010年6月25日 11:41)
Chrome可否幫試最新dev加enable-accelerated-compositing參數
期末考沒時間玩目前問題似乎相當多的硬體加速功能...
黑眼bobo
13.  黑眼bobo (發表於 2010年6月25日 14:52)
ECMAScript 5 Game的連結不小心貼錯,剛剛修正,發現它是會game over的,轉到沒牌可以轉就會直接結束
28843bbfa7e289c82d9b7072cf5fbe43?size=48&default=wavatar
14.  jhangyu (發表於 2010年6月25日 18:58)
更新了IE9,
確認目前在html5test.com的分數有84分!
已經達到Firefox 3.7 a6 184分的將近一半;
Google Chrome 6 219分的三分之一以上了!
而Acid3的測試分數也終於及格了!
可喜可賀!!!

另外剛剛為Chrome加了樓上Alex大建議的參數:
--enable-accelerated-compositing
FPS已經可以在IE9的一些測試頁面中超越IE9~
嗯嗯~Google Chrome果然強大~
無痕
15.  無痕 (發表於 2010年6月28日 02:17)
請問一下,最近才開始玩 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分,還不錯。
5be844214037850c304c1e6a05dc5277?size=48&default=wavatar
17.  NO (發表於 2011年2月21日 21:59)
※ 引述《bobo》的留言:
> 捷報!剛補測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/

發表回應

謹慎發言,尊重彼此。按此展開留言規則