IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

ADVERTISEMENT

近期大家都把焦點放在微軟新推出的作業系統Windows 8和Modern UI身上,不論Modern UI到底適不適合套用在桌上型電腦,或是大家拼命想要把「開始」選單給變回來,不少人還忽略了一點,那就是Internet Explorer 10也跟著新的作業系統推出了。

快速瀏覽:

本文為 PCADV 電腦王雜誌 102 期 2013 年 1 月號的特別報導:IE10大戰瀏覽器群雄,測試的瀏覽器版本為 2012 年 12 月當時的最新版本,IE10 則為 IE10 Preview 版本。

IE 10開發已久

微軟正式推出Internet Explorer 9後約1個月,Internet Explorer 10預覽版隨即被放出,微軟立刻在Internet Explorer Test Drive網站上釋出預覽版。相較於之前可以說是「牛步」的更新速度,這次可說是快多了,從前年3月14日發佈Internet Explorer 9 RTM,到去年8月中旬隨著Windows 8的RTM推出,甚至不到1年半就推出新版,突顯微軟在網路瀏覽器方面投入的心力。

Windows 8 / Windows 7 都可享用

隨著微軟自古以來的「慣例」,比較新的程式只能在最新的Windows中享受,當然Internet Explorer 10也不例外。在微軟今年所推出的作業程式平台中,不論是Windows 8、Windows RTWindows Phone 8均內建Internet Explorer 10;至於上一代的Windows 7,在去年的11月13號才剛剛釋出預覽版,並且在上週推出正式版本,大心的是微軟推出了32位元和64位元的版本,甚至連伺服器平台Windows Server 2008 R2 SP1也有64位元版!。

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

Internet Explorer 10日前已推出Windows NT 6.1(包含Windows 7和Windows Server 2008 R2)的正式版本,版號為 10.0.9200.16521。安裝時會將原先的Internet Explorer 9取代掉,使用者安裝前應注意。

IE10的8大特色

不一樣的排版引擎,網頁呈現出來的效果與效能均不同。目前大家愛用的Google ChromeApple Safari使用Webkit(Chrome的JavaScript引擎改用V8)、Mozilla Firefox使用Gecko、Opera為Presto;至於本次的主角Internet Explorer 10使用Trident排版引擎,支援更多CSS3特效。

考試終於100分

Internet Explorer 10終於在Acid3網頁標準相容性測試中獲得滿分的榮耀,在此之前,Acid3早已被Chrome、Safari、Firefox、Opera所征服。等等,Internet Explorer 9不是也在Acid3中出現100分嗎?如果讀者使用Internet Explorer 9進入Acid3測試網址(http://acid3.acidtests.org),分數的確是出現100分沒錯,但是在Acid3字樣缺少陰影效果,直到Internet Explorer 10才完全正確。

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

▲左方圖片是使用IE9測試的結果,右方是應該呈現的參考圖像,可以發現IE9雖然獲得100分,但Acid3下方缺乏陰影。

支援多點觸控

Internet Explorer 10為了迎合Windows 8的觸控功能,支援多點的觸控輸入。雖然說目前並未有什麼大應用,但若未來越來越多網頁版遊戲出現,這項功能就越顯得重要。

目前多點觸控在各種不同瀏覽器下的支援度不同,在Safari與Chrome裡可使用touches事件參數屬性取得多點資料,而Internet Explorer 10則是改採自身的MS開頭事件,如MSPointerDown、MSGestureStart……等,比起touch事件更好掌握使用者的輸入。當然,這又是Internet Explorer 10的專門指令,不過在W3C正式把Touch Events確立之前,也只好這麼辦了。

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

▲IE10支援多點觸控輸入,因此瀏覽器可以根據觸控位置變更畫面。Safari與Chrome目前也支援觸控事件,但是多點觸控處理較為麻煩些。

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

▲W3C定義的觸碰事件目前還在Editor’s Draft階段(第二版),功能可以映射到MSPointer事件。但相較於目前觸控裝置橫行蔓延的速度,W3C的決策顯得十分緩慢。

Windows RT沒得選

這次與Windows 8一同上市的Windows RT,因為採用ARM處理器的緣故,並無法相容以往x86應用程式,需要重新建立起一套RT版的應用程式生態。以撰寫本文的時間點來說,在市集裡並沒有其它廠商的網頁瀏覽器可供下載。筆者在拜訪台灣微軟應用開發技術經理上官林傑時,得到的回應為微軟並未限制其它廠商在Windows RT上開發網頁瀏覽器,歡迎大家使用。

但在Mozilla和Google方面的回應卻不是如此,Mozilla發言人Asa Dotzler曾說過:「首先,微軟在Windows ARM(指Windows RT)上的傳統桌面模式有個瀏覽器,他們(指微軟)並不允許我們使用相同的功能並執行我們的瀏覽器。第二,微軟有另外一個在Metro模式(Modern UI)下的瀏覽器,並可以使用豐富的API,卻不允許第三方廠商使用。因此我們不會在傳統桌面下推出瀏覽器,Metro介面下也不會。」Google在之後也確認了此事,並希望微軟能夠提供更全面的功能。

無邊框新體驗

在Modern UI下,Internet Explorer 10開啟時沒有傳統視窗的邊框,希望大家能夠「沉浸」在網頁內容中,在螢幕上去除不必要的額外資訊。特別是希望使用者忘了目前正在逛網頁,能夠提供和應用程式相同的體驗,如Office 365和之前的Google Docs即為一例。不過微軟似乎忘了一點,一般的瀏覽器也能夠按下F11,進行全螢幕瀏覽。

快速翻頁真方便

筆者從第一次接觸網頁,總想著為何瀏覽器只有上一頁,卻沒有辦法預知下一頁呢?特別是在論壇類型的網站上,要去按那個小小的「數字」或是「下一頁」,實在是令人惱怒;觸控裝置上的體驗更糟,手指本來就無法進行精密的點擊動作,若網頁並未針對觸控裝置進行改版,每每總讓人氣到想把螢幕給戳爆。

Internet Explorer 10可以依據網頁中的超連結位址,判斷出下一頁的位址在哪裡。在Modern UI中,以手指向左滑動即可進入下一頁。可惜這是Modern UI下才有的福利,傳統桌面的使用者沒有這個福氣享受。

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

▲在Modern UI介面下,使用手指在螢幕上往左滑,Internet Explorer 10便可自動預測下一頁,並將畫面顯示在螢幕上。

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

▲如果無法使用快速翻頁功能,請切換到傳統桌面下的Internet Explorer 10,檢查是否有將「使用快速翻頁」勾選起來。

Do Not Track預設開啟

這一點蠻令人訝異,Internet Explorer 10將Do Not Track(請勿追蹤位置)功能預設為開啟狀態,Chrome和Firefox僅將此功能放入,並未預設開啟。此舉引來一些網路內容供應商的不滿,Yahoo更明確表示此功能的開啟與否應交由使用者決定,不應交由瀏覽器開發商決定,因此他們將會忽視由Internet Explorer 10所傳來的DNT要求。

以筆者觀點來看,Do Not Track僅是提供網路業者一個自律的選項,由使用者所使用的網頁瀏覽器告訴伺服器不要追蹤位置,在伺服器端並未有強制約束力,但卻是網路業者表明自己是否尊重使用者的重要依據。

JScript引擎提升至64bit

Internet Explorer 9之中,微軟重新改寫了內部的JavaScript引擎,稱之為Chakra。微軟一直圍繞著2大主軸設計Chakra,直到Internet Explorer 10也不例外:

  • 盡量減少影響使用者體驗的操作──盡可能將許多操作放在閒置時間進行(如畫面閒置時),並避免影響使用者操作時的反應時間。
  • 利用所有的硬體──使用所有CPU核心、使用特化的指令(如SSE2指令)。

在Internet Explorer 10則是將Chakra升級至64位元處理,也加入ARM處理器的支援,此外也包含了JIT即時編譯器的效能改進、更好的垃圾回收功能。浮點運算部分,比起上代Internet Explorer 9快了50%。

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

▲在同樣的硬體環境下,Internet Explorer 10的確在JavaScript引擎上效率有所提升,不論是正式版的Internet Explorer 10,或是目前還在pre-release階段的Windows NT 6.1版都是如此。

暫不支援WebGL

WebGL使用OpenGL ES 2.0為基礎,在瀏覽器網頁上即時繪製3D圖像,不用再依靠其它外掛程式執行。規格標準都還在發展中,但目前已受Chrome、Firefox、Opera、Safari支援,某些手機內的瀏覽器也可支援。

微軟也對目前不支援WebGL作出解釋,認為WebGL尚有些安全問題須解決,其中包含對硬體的DOS攻擊,以及跨網域影像竊取(cross-domain image theft)的問題。且WebGL尚未正式發展成新標準,因此目前不打算加入WebGL的支援。

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

▲HTML5 Test網站所製作的分數曲線圖,可以看到其它4款瀏覽器的斜率較為固定,而Internet Explorer 10的斜率越來越大,或許11代推出時會有黃金交叉出現。

6款瀏覽器效能比拚

光說不練偽君子,邊說邊練電腦王。正當Internet Explorer 10推出之際,當然也要和其它市面上的瀏覽器進行比較,這次要跑跑看網頁排版與運算效能。

由於目前Internet Explorer 10只支援Windows 8、RT、Phone 8平台,因此測試平台選用Windows 8 Enterprise環境。CPU選擇Intel Core i7-2600K 3.4GHz、記憶體為DDR3 1600GHz 2GB x2、顯示卡使用NVIDIA GeForce GTX 560Ti。

W3C完成HTML5定義

去年12月17日,全球資訊網協會(World Wide Web Consortium,簡稱W3C),在當天發出新聞稿,指出W3C已完成HTML5和Canvas 2D的功能制定工作,正式進入互通性和效能測試。HTML5雖尚未正式成為W3C的正式標準,但代表著不再會有任何功能的刪減,各家瀏覽器可以開始為HTML5進行最佳化和相容性測試。

當天同時公布HTML5.1和Canvas 2D, Level2的第一份草案,W3C最終希望HTML5能在2014年底正式推出,並成為開發人員預設使用的網頁語言。

IE 10 大戰 4大瀏覽器實測,支援 HTML 5、效能並不差

▲HTML5終於把功能定義弄完了,明年下半年有希望正式推出。

垃圾收集(garbage collection)

程式中需要用到的變數或是一些運算元,開始寫程式時就必須宣告,以便執行時配置記憶體空間,直到程式終止為止。如果運算元的資料相當龐大,或是希望能夠節省記憶體使用率,在C++中有著new運算子存在,程式執行到這一階段才開始配置記憶體;使用過後可用delete釋放記憶體空間。

在Java中也可動態配置記憶體空間,但卻不用去釋放它。Java使用一個稱為垃圾收集的處理方式,在適當時機(閒置、記憶體不夠用……)去檢查目前有哪些物件沒有被參照到,自動將這些物件刪去,騰出記憶體空間。

延伸閱讀:

IE10 for Windows 7 登場,體驗新世代 IE 的進化

瀏覽器大戰:究竟是瀏覽器的戰爭、還是市調機構的競爭?

巧合?IE 瀏覽器市佔率越低,美國謀殺率就越低

IE10 的逆襲!研究報告指出 IE10 速度比 Chrome 20 快上 8%

5大瀏覽器垃圾暫存快取清除工具,一鍵清除檔案不外洩!

StatCounter 說 Chrome 使用率占整體 1/3 ,Net Applications 不以為然

(後面還有:各家瀏覽器介紹)

R.F.
作者

誤入叢林的小白兔,每天爬樓梯到七樓的白癡,幻想自己很瘦的豬,一放假就睡死的bed potato。

使用 Facebook 留言
小烏賊
1.  小烏賊 (發表於 2013年3月04日 09:03)
看完您的介紹後小弟決定再給微軟一次機會,開始下載ie10了,記得上次ie9我下載完只用了30秒~介面實在不討喜~就沒再開過了╮(╯_╰)╭
Arike
1人給推

3.  Arike (發表於 2013年3月04日 10:02)
Yahoo!奇摩首頁的顯示狀況這麼糟糕,所有瀏覽器顯示都不一樣,那到底是誰的錯哩?Yahoo 嗎?還是各個瀏覽器的錯誤?有沒有一個標準在?真是令人好奇阿╮(╯_╰)╭
R.F.
4.  R.F. (發表於 2013年3月04日 10:09)
沒什麼居心啊╮(╯_╰)╭
因為這是電腦王2013年1月號的專題啊~~ 實際測試時間落在去年12月(≧▽≦)
GUESS
1人給推

6.  GUESS (發表於 2013年3月04日 11:44)
※ 引述《R.F.》的留言:
> 沒什麼居心啊╮(╯_╰)╭
> 因為這是電腦王2013年1月號的專題啊~~ 實際測試時間落在去年12月(≧▽≦)
那貴單位要好好檢討..為何1月份的專題3月份才出現在網站,以致資訊落後誤導讀者...
網站一直都是資訊最快速最新的地方卻貼過期3個月舊資訊比較文
與其這樣不如不要轉貼紙本雜誌的文章!!!
cChi
7.  cChi (發表於 2013年3月04日 11:52)
IE9就很快了
只是IE的附加元件太爛所以平常還是用CHROME跟FIREFOX
尤其chrome內建的同步功能
不管哪台電腦一登入帳號就是你熟悉的樣子,連所有APP都裝好了
R.F.
13.  R.F. (發表於 2013年3月04日 15:06)
目前本人是Chrome和IE交替著用~ 因為Chrome開分頁的記憶體吃得太恐怖了╯-__-)╯ ╩╩
Tamama
1人給推

14.  Tamama (發表於 2013年3月04日 17:00)
Safari在Windows下真的是一個杯具〒ˍ〒

所以以上我覺得進步最多的是IE-10(開網頁的速度明顯變快)(≧▽≦)

另外chrome則是記憶體吃很大(由其是分頁很多時)〒ˍ〒

PCABC
15.  PCABC (發表於 2013年3月04日 20:40)
重申一次"IE的功能就是用來下載其它的瀏覽器"╮(╯_╰)╭

Chrome記憶體吃重又怎樣呢

我還嫌他用的不夠多咧

能再快一點,多用一倍也無妨

(≧▽≦)
nvsJ5rL490
16.  nvsJ5rL490 (發表於 2013年3月05日 04:28)
※ 引述《國寶大師 李文恩》的留言:
> 已經習慣Firefox的外掛了,就算IE效能好也不會回去
Firefox回不去+1
不過應該要說套件(Addons)而非外掛(Plugins)

也期待常用的Fx套件能全數在Chrome推出 這樣就能跳槽到Chrome了
不過這一等就是好多年了...
還是繼續用Firefox..
蘇意喬
17.  蘇意喬 (發表於 2013年3月05日 09:49)
OpenSource的版本都更新很快
chrome25也沒有快多少
Fx也慢的吃驚
此外,這是好久以前電腦王的評測
根本也沒甚麼居心可言
更沒有公平性問題,此外,不要過度在意跑分
難道,就因為跑分比較低,你就要換瀏覽器嗎??
arsee
18.  arsee (發表於 2013年3月06日 21:41)
個人已習慣使用Linux,鑑於chrome 無法在 root 權限下使用,所以firefox是首選 (不用root比較安裝,但要做複雜動作,還得變換身份,很煩...)。

再加上常在網頁上打字,這個chrome 的編輯功能一直有bug都沒除掉,所以還是選擇firefox比較穩定。

firefox 在Linux上的缺點,就是adobe 不再支援flash更新,現階段必須使用其它瀏覽器輔助,我選擇opera。flash的問題,要等到大家網頁都使用HTML5來撰寫後才能消除...

IE ?...除了公司電腦用的網頁軟體偶爾使用之外,個人很少很少很少在使用(linux os 也不可能使用)。
囧
19.  (發表於 2013年4月14日 14:46)
我個人的習慣.....
在Windows 7已習慣使用
Mozilla Firefox與Google Chrome..

在Windows 7不使用IE
在Windows 7不使用IE
在Windows 7不使用IE

因為很重要所以要說三遍..
發表回應
謹慎發言,尊重彼此。按此展開留言規則