對於網頁設計者而言,除了要設計出好的瀏覽動線外,還要測試網頁在每個瀏覽器上的運作情形,否則花了時間調整的版面,換個版本或換款瀏覽器就變得面目全非、滿目瘡痍,因此需要透過瀏覽器相容性測試工具來確保網站可以正確的顯示在每個瀏覽器上。
目前主流的瀏覽器為 IE 和 Firefox,《硬是要學》曾經介紹過 4 款 IE 的瀏覽器相容性測試工具,其中的 Browsershot 可以在線上直接進行不同瀏覽器間的測試,但效率上比較差一點,且由於系統是採用截圖的方式顯示測試結果,因此無法從原始碼中debug。
本文介紹的工具「Edskes Software Mozilla Firefox Collection」是專為 Firefox 設計的瀏覽器相容性測試工具,裡面包含以下幾種版本的 Firefox:
- Mozilla Firefox 2.0.0.20
- Mozilla Firefox 3.0.17.0
- Mozilla Firefox 3.5.7.0
- Mozilla Firefox 3.6.0.0 RC 1
另外還有以下幾個外掛
- Firebug 1.4.5 add-on (網頁開發者必備)
- Web Developer 1.1.8 add-on (網頁開發者必備)
- Flash Player 10.0.42.34 plug-in(有此外掛才可瀏覽網頁上的 Flash 動畫)
基本上 Firefox 用戶群大多已經升級到 Firefox 3.x 版,但仍有部份使用者停留在 Firefox 2.x,也就是說如果要測試 Firefox 的網頁相容性就得使用不同版本來測試囉~
檔案大小:33MB
軟體版本:1.0.0.0
軟體語系:英語
測試範圍:Firefox 2.0.0.20 ~ Firefox 3.6.0.0 beta1
官方網站:http://finalbuilds.edskes.net/edskesmfc.htm
下載連結:點這裡
簡易安裝步驟
Step 1
將檔案下載回電腦後,點擊「EdskesMFC1000.exe」開始安裝。一直按Next即可,當出現以下畫面時,勾選要安裝的版本及外掛。
建議直接按 【Next >】 即可。
Step 2
安裝完成後,若要直接執行四種版本的瀏覽器則將方塊全部打勾。按【Finish】完成安裝
安裝完成後會在桌面上看到各個版本的瀏覽器捷徑,可以整理到一個資料夾中。