# 介紹好用工具：Internet Explorer Collection 我之前推薦過一套 [MultipleIE](http://tredosoft.com/Multiple_IE) 工具，還又推薦過一套 [IETester](/post/2008/06/09/Useful-tools-IETester) 工具，這兩套基本上都有其缺點之處，說實在的不盡理想，但我最近發現另一套更猛的 [Internet Explorer Collection](http://utilu.com/IECollection/) 工具，對於網頁相容性測試將更加方便快速。 之前的 [MultipleIE](http://tredosoft.com/Multiple_IE) 與 [IETester](/post/2008/06/09/Useful-tools-IETester) 最大的缺點就在於不支援 [Internet Explorer Developer Toolbar](http://web.archive.org/web/20120101052114/http://www.microsoft.com/download/en/default.aspx)，因為在實務上我們在測試 IE 各版本間的問題時，大多都是 CSS 支援度不一的問題，經常要靠許多 CSS Hack 技巧修正一些顯示問題，有時後為了 1px 的空間可能就要花我們設計師好多時間去調整、測試，如果有 [Internet Explorer Developer Toolbar](http://web.archive.org/web/20120101052114/http://www.microsoft.com/download/en/default.aspx) 的 DOM Explorer 來協助，將會節省許多時間！ 雖然 [Internet Explorer Developer Toolbar](http://web.archive.org/web/20120101052114/http://www.microsoft.com/download/en/default.aspx) 支援 IE 5 以上的版本，但是通常只會安裝到你目前電腦的最新版 IE 上 ( IE8 已內建，無須特別安裝 )，所以就算安裝了 [MultipleIE](http://tredosoft.com/Multiple_IE) 也是無法使用，不過 [Internet Explorer Collection](http://utilu.com/IECollection/) 可就不同啦，他除了幫你安裝各版本的 IE 之外，也一併幫你把 [Internet Explorer Developer Toolbar](http://web.archive.org/web/20120101052114/http://www.microsoft.com/download/en/default.aspx) 裝上去了，而且讓你各版本都能用喔！ 與其說 [Internet Explorer Collection](http://utilu.com/IECollection/) 是個「程式」，倒不如說他是個「安裝程式」還比較精準一些。這套安裝程式比 [MultipleIE](http://tredosoft.com/Multiple_IE) 還更狠，可安裝的 IE 版本從 1.0 到 8.0 都有 ( 還有人在用 IE 1.0 嗎? 呵... )，目前的最新版 (1.3.0.1) 支援的各 IE 版本詳細編號如下： - Internet Explorer 1.0 (4.40.308) - Internet Explorer 1.5 (0.1.0.10) - Internet Explorer 2.01 (2.01.046) - Internet Explorer 3.0 (3.0.1152) - Internet Explorer 4.01 (4.72.3110.0) - Internet Explorer 5.01 (5.00.3314.2100) - Internet Explorer 5.5 (5.51.4807.2300) - Internet Explorer 6.0 (6.00.2800.1106) - Internet Explorer 6.0 (6.00.2900.2180)   ( IE 6 SP 2 ) - Internet Explorer 7.0 (7.00.5730.13) - Internet Explorer 8.0 (8.00.6001.18702) 而且不管你的系統已經安裝的是 IE6, IE7 或 IE8，都可以直接安裝 [Internet Explorer Collection](http://utilu.com/IECollection/)，並不會影響你現有系統所安裝的 IE 版本。使用 [Internet Explorer Collection](http://utilu.com/IECollection/) 唯一的差別就是 IE 的選單介面可能都是英文的，不過這並不影響你對各版本 IE 的操作就是了。 接著，我就帶大家一起安裝 Internet Explorer Collection 1.3.0.1，安裝前請記得先將所有正在執行中的 IE 瀏覽器關閉。 [![Internet Explorer Collection 1.3.0.1 安裝過程](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/ceff75e3302d2c02a8c3-image_thumb.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/8a1d9b80b736d6cde26a-image_2.png "Internet Explorer Collection 1.3.0.1 安裝過程圖示 1/9")  [![Internet Explorer Collection 1.3.0.1 安裝過程](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/1a997e2b567ca703d493-image_thumb_1.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/c0b159433151dd7536f1-image_4.png "Internet Explorer Collection 1.3.0.1 安裝過程圖示 2/9") [![Internet Explorer Collection 1.3.0.1 安裝過程](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/678c04d724e4c4cb8c07-image_thumb_2.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/631c7f9f2ae9ee052c9c-image_6.png "Internet Explorer Collection 1.3.0.1 安裝過程圖示 3/9")  [![Internet Explorer Collection 1.3.0.1 安裝過程](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/163c760434a394beed0e-image_thumb_3.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/8153d6d344ca95e14200-image_8.png "Internet Explorer Collection 1.3.0.1 安裝過程圖示 4/9") [![Internet Explorer Collection 1.3.0.1 安裝過程](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/590182115560dd450126-image_thumb_4.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/2c1bdc58228539435659-image_10.png "Internet Explorer Collection 1.3.0.1 安裝過程圖示 5/9")  [![Internet Explorer Collection 1.3.0.1 安裝過程](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/3396e4e0d30c24e6c449-image_thumb_5.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/3a7035e1a6fbc48648dd-image_12.png "Internet Explorer Collection 1.3.0.1 安裝過程圖示 6/9") [![Internet Explorer Collection 1.3.0.1 安裝過程](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/2d5e00debb7ba3aef5fc-image_thumb_6.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/9af933b60c488ea10a52-image_14.png "Internet Explorer Collection 1.3.0.1 安裝過程圖示 7/9")  [![Internet Explorer Collection 1.3.0.1 安裝過程](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/143d08591745c78a1c2a-image_thumb_7.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/8861a677cb241ff09916-image_16.png "Internet Explorer Collection 1.3.0.1 安裝過程圖示 8/9") [![Internet Explorer Collection 1.3.0.1 安裝過程](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/6097bd6c3455e5780e9f-image_thumb_9.png)](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/460d9ed857366c9a80b6-image_20.png "Internet Explorer Collection 1.3.0.1 安裝過程圖示 9/9") 安裝完成！ 安裝完後的部分版本圖示如下： ![IE 5.5](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/3696eb4fcd1fbd0b8920-image_29.png)  ![IE 6](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/648f10a5c93de01bf28f-image_26.png) 在我測試的過程中，我發現在 IE 7 瀏覽器中，在工具列上都找不到 [Internet Explorer Developer Toolbar](http://web.archive.org/web/20120101052114/http://www.microsoft.com/download/en/default.aspx) 的啟動按鈕，點選 Customize 也找不到加入的地方，但事實上還是可以開啟，請參考如下圖示。 ![Internet Explorer Developer Toolbar 在 IE 7 的啟動方式](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/79723731a2e675cf892c-image_32.png) 其他相關資訊各位可參考 [Internet Explorer Collection](http://utilu.com/IECollection/) 官網的說明，上面有更多的圖示。 ### 額外鄭重申明 雖然安裝 [Internet Explorer Collection](http://utilu.com/IECollection/) 十分方便，但強烈建議各位「不要使用這些 IE 版本瀏覽外部網站」，畢竟舊版的 IE 所帶來的自然包括舊版 IE 的安全性漏洞，如果拿這些舊版的 IE 瀏覽器進行網頁瀏覽，難保你不會遭受惡意網站的攻擊，要是被植入木馬那可就遭了！ 所以還是建議各位拿 [Internet Explorer Collection](http://utilu.com/IECollection/) 來測試「內部網站」即可，否則後果自負。 **相關連結** - [Final Builds Site - Internet Explorer Collection](http://utilu.com/IECollection/)