微軟modern.IE:網站相容性測試利器

csdn發表於2013-04-14

  面對瀏覽器生態不斷加快的技術步伐,開發者很難確定自己的網頁能否在瀏覽器上完美相容。為了解決這一類問題,微軟推出了一套免費的瀏覽器測試工具——旨在簡化開發者的網頁測試工作,提升網頁優化效率,讓開發者將精力放在創新上,讓網頁更加完美地呈現於全新的IE10瀏覽器。

  modern.IE

  使用者只需通過輸入URL地址即可並找出所有可能影響瀏覽體驗的常見錯誤,並且把這些可能會導致相容性問題或影響使用者體驗的常見錯誤羅列出來(推薦閱讀:構建現代站點且同時支援舊版IE的20個提示)。而這些錯誤可體現出如下三類:與舊版IE瀏覽器產生的相容性問題,在多裝置、跨平臺上是否能夠正常執行,以及與Windows 8新特性的匹配狀況。

微軟modern.IE:網站相容性測試利器

  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日之前啟用即可。

微軟modern.IE:網站相容性測試利器

  BrowserStack

  此外,modern.IE還提供Chrome與Firefox下的瀏覽器元件,還有新的Chrome和Firefox載入項和離線虛擬機器映像。

微軟modern.IE:網站相容性測試利器

  modern.IE工具也考慮到同時使用Windows PC、Mac和Linux等多環境下的網頁開發者,為他們統一提供了本地測試用的虛擬機器VHD檔案。

  例如Windows 8下的Hyper-V/VirtualPC、Mac下的VMWare Fusion/Parallels、Linux下的VirtualBox等一系列豐富的虛擬化工具選擇,旨在讓使用各種平臺的Web開發者都能簡單的參與到IE 10的相容性測試中來。此外,想了解更多關於虛擬PC和Windows 7資訊的開發人員,可以點選檢視更多詳情,最後附上modern.IE的國內體驗網址

相關文章