微軟Modern.IE:網站兼容性測試利器
面對瀏覽器生態不斷加快的技術步伐,開發者很難確定自己的網頁能否在瀏覽器上完美兼容。為了解決這一類問題,微軟推出了一套免費的瀏覽器測試工具——旨在簡化開發者的網頁測試工作,提升網頁優化效率,讓開發者將精力放在創新上,讓網頁更加完美地呈現于全新的IE10瀏覽器。
modern.IE
用戶只需通過輸入URL地址即可并找出所有可能影響瀏覽體驗的常見錯誤,并且把這些可能會導致兼容性問題或影響用戶體驗的常見錯誤羅列出來(推薦閱讀:構建現代站點且同時支持舊版IE的20個提示)。而這些錯誤可體現出如下三類:與舊版IE瀏覽器產生的兼容性問題,在多設備、跨平臺上是否能夠正常運行,以及與Windows 8新特性的匹配狀況。
Web掃描工具
1.解決關于兼容舊版IE的常見問題
自從新版的IE9與IE10開始支持HTML5標準,而舊版本的IE卻不支持,開發者通常需要為兩者編寫不同的代碼。這使得測試不同版本的IE變得非常棘手——比如找出兼容模式下不支持的特性、讓docmode告訴瀏覽器它支持Web標準、不小心使用了一個過時的jQuery框架。如果網站在最新版或預發行版中會引發兼容性問題,modern.IE也會提示您,使開發者可以更從容的在不同的版本間規劃和解決問題。
已知的兼容性問題(Known compatibility issues)
兼容模式(Compatibility Mode)
框架和庫(Frameworks & libraries)
網絡標準文檔模式(Web standards docmode)
2.幫助網站在多種瀏覽器和設備上正常運行
向導還包括了一系列最佳實踐,讓網頁可以適用于日益增加的各種設備——不論是手機、臺式機、平板電腦,甚至是大屏幕電視。實施特性檢測、采用CSS前綴的最佳實踐編碼、搭建無插件網站、使用響應式網頁設計,都可以減少跨瀏覽器、跨設備的測試時間,并提供更穩定的用戶體驗。
CSS 前綴(CSS-prefixes)
瀏覽器插件(Browser plug-ins)
響應式網頁設計(Responsive web design)
瀏覽器檢測(Browser detection)
3.結合Windows 8中的一些新特性構建網站
這包括觸控瀏覽和“開始”屏幕網站磁貼。開發者可利用Windows的這些新功能,為用戶提供更加個性化的瀏覽體驗。
觸控瀏覽(Touch-browsing)
“開始”屏幕網站磁貼(Start screen site tile)
如何在多瀏覽器和跨平臺設備上對站點進行全面的兼容性測試,modern.IE內置了著名的虛擬網頁兼容性測試服務BrowserStack,這樣無論開發人員使用何種設備和操作系統,都能用它來測試網頁在不同瀏覽器下的運行狀況。不過虛擬前端效果測試工具BrowserStack只提供3個月的免費使用權,只需在2014年1月31日之前激活即可。
BrowserStack
此外,modern.IE還提供Chrome與Firefox下的瀏覽器組件,還有新的Chrome和Firefox加載項和脫機虛擬機映像。
modern.IE工具也考慮到同時使用Windows PC、Mac和Linux等多環境下的網頁開發者,為他們統一提供了本地測試用的虛擬機VHD文件。
例如Windows 8下的Hyper-V/VirtualPC、Mac下的VMWare Fusion/Parallels、Linux下的VirtualBox等一系列豐富的虛擬化工具選擇,旨在讓使用各種平臺的Web開發者都能簡單的參與到IE 10的兼容性測試中來。
posted on 2014-08-25 10:03 順其自然EVO 閱讀(298) 評論(1) 編輯 收藏 所屬分類: 測試學習專欄