12款很棒的瀏覽器兼容性測試工具

分類:IT技術 時間:2016-10-11
對於前端開發工程師來說,確保代碼在各種主流瀏覽器的各個版本中都能正常工作是件很費時的事情,幸運的是,有很多優秀的工具可以幫助測試瀏覽器的兼容性,讓我們一起看看這些很棒的工具。

# [Spoon Browser Sandbox](http://spoon.net/browsers/)
點擊你需要測試的瀏覽器環境,安裝插件就可以進行測試了。幫助你測試網頁在Safari、chrome、Firefox和Opera瀏覽器中是否正常,IE以前也有的,網站上說應微軟的要求去掉了。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836898922.JPG)
# [Superpreview](http://expression.Microsoft.com/en-us/dd565874.aspx)
這是為微軟自己發布的跨瀏覽器測試工具,您可以同時查看您的網頁在多個瀏覽器的呈現情況,對頁面排版進行直觀的比較。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836634141.PNG)
# [IETester](http://www.my-debugbar.com/wiki/IETester/HomePage)
專門用於測試網頁在IE瀏覽器各個版本中兼容性的工具,版本包含IE5.5至IE9的各個版本,很不錯的一款工具,推薦。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836350031.JPG)

# [BrowserShots](http://browsershots.org/)
BrowserShots 是一款免費的跨瀏覽器測試工具,捕捉網站在不同瀏覽器中的截圖。這是最有名,也是最古老的瀏覽器兼容性測試工具。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836188414.JPG)

# [Multiple IEs](http://multipleies.en.softonic.com/)
這款工具同樣用於測試網頁在IE瀏覽器各個版本的兼容性。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836127597.JPG)

# [IE netrenderer](http://ipinfo.info/netrenderer/)
Netrenderer 也是用於檢查你的網站在IE瀏覽器中的呈現情況,包括各個常用版本的檢測。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836081926.JPG)

# [Viewlike.Us!](http://viewlike.us/)
Viewlike 是一款新推出的工具,幫助你檢查瀏覽器在不同分辨率下得呈現情況。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836051906.JPG)

# [BrowserSeal](http://www.browserseal.com/)
這款工具的兩個主要特色是獨立的瀏覽器支持和帶有自動化腳本的命令行界面。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836888402.JPG)

# [Browsera](http://www.browsera.com/)
Browsera 是一個可測試您的網站的跨瀏覽器布局的工具,您會看到您網站上存在的兼容性錯誤。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836462242.JPG)

# [WebDevLab](http://www.browsrcamp.com/)
這款工具專門用於測試你的網站在蘋果Safari瀏覽器中是什麽樣子的。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836214945.JPG)

# [Litmus](http://litmusapp.com/browser-testing)
這個工具可以幫助你檢查你的網站在多個瀏覽器中的呈現情況,跟蹤Bug並創建報告。
![](http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836300951.JPG)

 # [Browsercam](http://www.browsercam.com/Default2.aspx)
最後這款工具是要付費的,可以幫助你檢查 Javascript 和 DHTML,提供不同的測試環境平臺。
!()[http://www.admin10000.com/UploadFiles/Document/201202/12/20120212165836752369.JPG]







Tags: 開發工程師 IE瀏覽器 Firefox Chrome Opera

文章來源:


ads
ads

相關文章
ads

相關文章

ad