建置相容的網站是一件不容易的事
網站建置的過程中一定會不斷的打開瀏覽器測試,先測試完常用的瀏覽器,然後再測另一個瀏覽器,就這樣測試、修改、測試、修改的循環,說實在也挺累人的,無奈瀏覽器種類跟版本又是出奇的多,話說白了,網站建置根本不是「人」能做的工作,所以我們一定需要一些幫助我們測試網頁在各瀏覽器呈現的工具,本次文章主要會介紹幾款免費與付費的跨瀏覽器測試工具,幫助網頁設計人員完成繁複且困難的測試工作。
(1) IETester [ 免費軟體 ]
IETester 是一套內建 IE5.5 ~ IE10 核心引擎的瀏覽器,透過頁籤的方式,你可以在一個視窗裡開啟各種不同 IE 瀏覽器的版本,並藉此互相比較其網頁差異。這套工具最大的好處就在於他幾乎貼近真實 IE 瀏覽器的行為,而且還可以像正常網頁一樣瀏覽與互動,在實務上這套工具的使用率非常高,幾乎每個案子都會用它來測試網頁在各 IE 版本間的相容性。
(2) Expression SuperPreview [ 付費軟體 / 有試用版 ]
這套測試工具是微軟 Expression 系列產品中的其中一套工具,專門用來測試跨瀏覽器的網頁呈現,功能頗為強大。這套工具微軟有提供試用版可供下載,讓你在 60 天內可使用此工具的完整功能,建議可透過 Microsoft Web Platform Installer 來單獨安裝 Expression SuperPreview 會簡單許多。
(3) Browsershots [ 免費線上服務 ]
Browsershots 是一個完全免費的跨平台瀏覽器測試網站,他提供跨平台 ( Windows, Linux, Mac, BSD ) 的瀏覽器預覽服務,提供超過 70 種各式各樣主流、非主流、熱門、冷門的瀏覽器以及各種版本進行測試,只要輸入網址,剩下的工作就都交給他們的雲端主機來進行,他會幫你用各平台的瀏覽器開啟網頁,並將讀出的網頁複製瀏覽器呈現的畫面截圖給你,雖然功能有限,不過還是有些參考價值。
(4) BrowserStack [ 付費線上服務 ]
BrowserStack 由於是付費的線上服務,其品質自然不容小覷,該網站支援一般瀏覽器與行動版瀏覽器,作業系統支援 Windows 與 Mac,支援 IE6, IE7, IE8, IE9 以及全版本的 Firefox, Safari, Chrome 與 Opera 等主流瀏覽器,而且他們的 Web 操作介面也非常流暢。
總結
跨瀏覽器網頁測試一直都是一件繁重又陰暗的工作,今天介紹的幾個軟體與網站都是在做跨瀏覽器網頁設計時非常實用的測試工具,工欲善其事、必先利其器,有了好的工具支持,我們在測試網頁的時候才能更有效率,幫助我們設計出更專業的網站。
轉貼來源:The Will Will Web
參考文獻:
1.蔡東峻、李奇勳、駱德治 (2001), 品牌延伸與品牌聯盟對消費者品牌轉換意願之影響─以市內電話和國際電話為例, 國家科學委員會研究彙刊:人文及社會科學, 11(4), 345-355.
2.劉仲矩、陳昱如 (2006), 影響網路購物忠誠因素性別差異之比較研究, 電子商務研究, 4(4), 429-450.
3.鄭政宗,李世昌,林國賢 (2008), 大陸民眾來台旅遊態度與動機研究-以廣州市為例, 休閒暨觀光產業研究, 3(2), 22-46.
相關文章
模組化的網頁設計,快速建置網站上線網頁設計始祖之一-杰夫齊曼(Jeffrey Zeldman)網頁設計跨瀏覽器的CSS Hacks應用技巧三網頁設計跨瀏覽器的CSS Hacks應用技巧二網頁設計跨瀏覽器的CSS Hacks應用技巧一
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了