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

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

快速瀏覽：

• IE 10 八大特色
• 效能實測／Google Chrome
• 效能實測／Mozilla Firefox
• 效能實測／Opera Opera
• 效能實測／Apple Safari
• 效能實測／Microsoft Internet Explorer
• Chrome贏了面子、IE贏了裡子

本文為 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 RT、Windows Phone 8均內建Internet Explorer 10；至於上一代的Windows 7，在去年的11月13號才剛剛釋出預覽版，並且在上週推出正式版本，大心的是微軟推出了32位元和64位元的版本，甚至連伺服器平台Windows Server 2008 R2 SP1也有64位元版！。

• Internet Explorer 10 下載網址：http://windows.microsoft.com/zh-TW/internet-explorer/downloads/ie-10/worldwide-languages

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

IE10的8大特色

不一樣的排版引擎，網頁呈現出來的效果與效能均不同。目前大家愛用的Google Chrome和Apple 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才完全正確。

▲左方圖片是使用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確立之前，也只好這麼辦了。

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

▲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下才有的福利，傳統桌面的使用者沒有這個福氣享受。

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

▲如果無法使用快速翻頁功能，請切換到傳統桌面下的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％。

▲在同樣的硬體環境下，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的支援。

▲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年底正式推出，並成為開發人員預設使用的網頁語言。

▲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 不以為然

（後面還有：各家瀏覽器介紹）