前端:模擬不同系統不同瀏覽器兼容性測試


進去后可以選擇使用不同的系統, 不同的瀏覽器, 不同的尺寸 

不用再為身邊沒有足夠多的瀏覽器發愁了 

使用此功能可以一次性下載各個版本的截圖: 
http://www.browserstack.com/screenshots 


另外, 這個用來測試手機版 
http://www.responsinator.com/ 

這個可以生成眾多瀏覽器的截圖 
https://instashot.testobject.com

 

 

這篇文章主要介紹了前端開發必備:12款瀏覽器兼容性測試工具推薦,瀏覽器兼容性測試工具一般都具備模擬當前主流瀏覽器的功能,例如國內用的比較多的IETester,就可以模擬IE6、IE7、IE8等,這樣就方便了前端的CSS和JS的調試,需要的朋友可以參考下

 

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

Spoon Browser Sandbox

點擊你需要測試的瀏覽器環境,安裝插件就可以進行測試了。幫助你測試網頁在Safari、Chrome、Firefox和Opera瀏覽器中是否正常,IE以前也有的,網站上說應微軟的要求去掉了。

Superpreview

這是為微軟自己發布的跨瀏覽器測試工具,您可以同時查看您的網頁在多個瀏覽器的呈現情況,對頁面排版進行直觀的比較。

 

IETester

專門用於測試網頁在IE瀏覽器各個版本中兼容性的工具,版本包含IE5.5至IE9的各個版本,很不錯的一款工具,推薦。

 

BrowserShots

BrowserShots 是一款免費的跨瀏覽器測試工具,捕捉網站在不同瀏覽器中的截圖。這是最有名,也是最古老的瀏覽器兼容性測試工具。

 

Multiple IEs

這款工具同樣用於測試網頁在IE瀏覽器各個版本的兼容性。

 

IE netrenderer

Netrenderer 也是用於檢查你的網站在IE瀏覽器中的呈現情況,包括各個常用版本的檢測。

 

Viewlike.Us!

Viewlike 是一款新推出的工具,幫助你檢查瀏覽器在不同分辨率下得呈現情況。

 

BrowserSeal

這款工具的兩個主要特色是獨立的瀏覽器支持和帶有自動化腳本的命令行界面。

 

Browsera

Browsera 是一個可測試您的網站的跨瀏覽器布局的工具,您會看到您網站上存在的兼容性錯誤。

 

WebDevLab

這款工具專門用於測試你的網站在蘋果Safari瀏覽器中是什么樣子的。

 

Litmus

這個工具可以幫助你檢查你的網站在多個瀏覽器中的呈現情況,跟蹤Bug並創建報告。

 

Browsercam

最后這款工具是要付費的,可以幫助你檢查 Javascript 和 DHTML,提供不同的測試環境平台。

 

轉載自:

https://www.douban.com/group/topic/43120507/

https://blog.csdn.net/qq_18715009/article/details/81199552


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM