使用不同 IE 版本測試網站

ie-logo-small
大家還在為了測試不同 IE 版本而安裝虛擬機器 VirtulBoxVMware 嗎?現在不必這麼麻煩了,可以到 modern.IE 直接測試 IE6/7/8/9/10 任何版本,或者是檢查網頁相容性以及 coding practices。

Scan your page

輸入網站 URL 直接開始測試,測試項目其實蠻多的,包含偵測網站使用的 Framework,像是 jQueryModernizr 版本,如果太舊,會跟您回報提示目前最新版本號碼,另外為了相容各 IE 版本,請使用 Standards Mode,也就是在 html 頁面使用 <!DOCTYPE html>,還有檢查是否使用 Responsive web design,就是偵測 media queries。其實測試結果裡面有很多相關連結,有空都可以看看,都蠻不錯的。

Virtual tool

為了測試不同 IE 版本,大家安裝了許多機器,就是要偵測相容性,現在不必這麼麻煩了,請到 BrowserStack.com 註冊新帳號,並且安裝 Firefox AddonChrome Plugin,安裝完成就可以直接選擇您要測試的 IE 版本,瀏覽器就會連上 Cloud based services 顯示各 IE 版本的結果,並且還有模擬滑鼠喔。 最後為了解決這些相容性問題,請務必調整專案的 Coding Standard,先閱讀 20 tips for building modern sites while supporting old versions of IE,按照此篇文章來開發新專案,像是使用 HTML5 Boilerplate,用 IE Compat Inspector,在 IE 瀏覽器上按 F12 debug,或使用 Firebug Lite,另外可以使用線上工具來幫助偵測網站相容性,像是 HTML validators, CSS validators, Uglify, and JSHint, or GruntJS 等。更多詳細資訊可以參考上述連結。