硬是要學

3+1款 IE 瀏覽器網頁相容性測試工具

IE 是一款極具「企圖心」的瀏覽器,所以在每個版本都可以許多令人「驚奇」的更新,例如使用 IE8 瀏覽網頁看起來一切正常,但換到 IE6 就面目全非,相信 IE 的進步是大家有目共睹的…

雖然 IE 在網路上的評價非常兩極,但仍是目前最多人使用的瀏覽器,可惜有許多使用者沒有跟著瀏覽器升級的腳步前進,導致 IE 面臨三分天下的局面,IE6、IE7、IE8 各有各的江山,也因此而勞累了網頁設計師。

為了避免因為瀏覽器版本不同而造成頁面缺陷,網頁設計者必須同時兼顧每個版本的相容性,以確保頁面可以正常顯示,但基本上同一台電腦不能同時安裝 IE6、IE7、IE8等各種版本的瀏覽器,因此網頁相容性測試工具被開發出來解決這個問題。

本文介紹四款常用於測試 IE 網頁相容性的工具,其中兩款為軟體,僅針對 IE 瀏覽器設計,但可即時預覽結果;另一款為網路工具,可一次瀏覽各種不同瀏覽器(如:Firefox、Opera…等)於不同版本上的差異,但需等系統截圖,因此無法即時預覽;最後一款是比較特別,可以將 IE1~IE8 全部安裝到電腦裡,讓你直接用瀏覽器看網站。

分頁式多版本測試工具 IE Tester

檔案大小:25MB
軟體版本:0.4.2
軟體語系:多國語言(含正體中文)
測試範圍:IE5.5 ~ IE8
官方網站http://www.my-debugbar.com/wiki/IETester/HomePage
下載連結安裝版ZIP版

這款在網路上廣受歡迎的相容性測試工具,測試版本可從 IE5.5~IE8,可說是包含了目前 IE 的主流版本。

安裝後,在程式裡點選你要測試的瀏覽器版本,並在網頁上方輸入要瀏覽的網址即可進行瀏覽。

可同步進行瀏覽的 SuperPreview for Internet Explorer

檔案大小:18.3MB
軟體版本:3.0.1176.0
軟體語系:英語
測試範圍:IE6 ~ IE8
官方網站Web SuperPreview for Windows Internet Explorer
下載頁面同官方網站(按〔Download〕即可下載)
注意:必須先安裝 Microsoft .Net Framework 才可使用。

這是微軟官方開發的相容性測試工具,測試範圍也涵蓋目前主流的 IE 版本。

SuperPreview for Internet Explorer 與 IE Tester 不同之處在於可同步以兩種版本瀏覽器瀏覽網頁(如下圖),當移動其中一方的網頁時,另一邊也會同步移動,點擊網頁上的任何元素即可比對出格式差異。

以下圖為例,右邊是IE6、左邊是IE8,當點選網頁上的其中一張圖片時,瀏覽區塊下面會出現該圖片的大小規格,不同之處會以紅色顯示。此外,除了左右瀏覽外,還可切換四種不同瀏覽模式

骨灰級版本一次測個夠 Internet Explorer Collection

檔案大小:55.7MB
軟體版本:1.6.0.4
軟體語系:英語
測試範圍:IE1.5 ~ IE8
官方網站http://finalbuilds.edskes.net/iecollection.htm
下載連結http://codecpack.nl/iecollection1604.exe

只測 IE5 ~ IE8 不夠?這個工具可以讓你從骨灰級的 IE 1.5 測試到最新的 IE8,但不再是透過工具來讓你看看網頁而已,Internet Explorer Collection 會將所有版本瀏覽器安裝到你的電腦中,看你想要用哪個版本的IE瀏覽網頁就打開該版本的瀏覽器。

不過 IE 5 已經快絕跡了,更早之前的版本應該被放到 IE 博物館去了吧…

跨平台瀏覽器測試 Check Browser Compatibility

網站網址http://browsershots.org/

針對 IE 瀏覽器而言,此工具可以延伸測試至 IE 4.0,不過這個版本應該已經被世界淘汰掉了吧!基本上這個工具與上面幾款式類似,但除了 IE 之外還支援 Firefox、Opera、Dillo、Navigator…等各種平台瀏覽器,可用性相當廣。

先勾選要測試的瀏覽器平台及版本,輸入網址後按下〔Submit〕送出。稍待一會系統就會以圖片方式顯示網頁在該瀏覽器上的顯示情形。

Exit mobile version