對于前端開發工程師來說，確定代碼在各種主流浏覽器的各個版本中都能正常工作是件很費時的事情，幸運的是，有很多優秀的工具可以幫助測試浏覽器的相容性，讓我們一起看看這些很棒的工具。
<a href="http://www.cnblogs.com/lhb25/archive/2011/03/09/1964344.html" target="_blank">24款非常實用的CSS3工具終極收藏</a>
<a href="http://www.cnblogs.com/lhb25/archive/2010/12/28/1918491.html" target="_blank">推薦25個提高網站可用性和轉化率的工具</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/04/02/1997255.html" target="_blank">推薦20款非常好的網站可用性測試工具</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/05/11/2040071.html" target="_blank">分享15款很棒的 JavaScript 開發工具</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/05/25/2020817.html" target="_blank">最新20款Web設計和開發工具推薦</a>
<a href="http://spoon.net/browsers/" target="_blank">Spoon Browser Sandbox</a>
點選你需要測試的浏覽器環境，安裝插件就可以進行測試了。幫助你測試網頁在Safari、Chrome、Firefox和Opera浏覽器中是否正常，IE以前也有的，網站上說應微軟的要求去掉了。
<a href="http://expression.microsoft.com/en-us/dd565874.aspx" target="_blank">Superpreview</a>
這是為微軟自己釋出的跨浏覽器測試工具，您可以同時檢視您的網頁在多個浏覽器的呈現情況，對頁面排版進行直覺的比較。
<a href="http://expression.microsoft.com/en-us/dd565874.aspx" target="_blank"></a>
<a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank">IETester</a>
專門用于測試網頁在IE浏覽器各個版本中相容性的工具，版本包含IE5.5至IE9的各個版本，很不錯的一款工具，推薦。
<a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank"></a>
<a href="http://browsershots.org/" target="_blank">BrowserShots</a>
BrowserShots 是一款免費的跨浏覽器測試工具，捕捉網站在不同浏覽器中的截圖。這是最有名，也是最古老的浏覽器相容性測試工具。
<a href="http://browsershots.org/" target="_blank"></a>
<a href="http://multipleies.en.softonic.com/" target="_blank">Multiple IEs</a>
這款工具同樣用于測試網頁在IE浏覽器各個版本的相容性。
<a href="http://ipinfo.info/netrenderer/" target="_blank">IE netrenderer</a>
Netrenderer 也是用于檢查你的網站在IE浏覽器中的呈現情況，包括各個常用版本的檢測。
<a href="http://designtutorials4u.com/wp-content/uploads/2011/02/03_crossbrowser1.jpghttp://ipinfo.info/netrenderer/" target="_blank"></a>
<a href="http://viewlike.us/" target="_blank">Viewlike.Us!</a>
Viewlike 是一款新推出的工具，幫助你檢查浏覽器在不同分辨率下得呈現情況。
<a href="http://viewlike.us/" target="_blank"></a>
<a href="http://www.browserseal.com/" target="_blank">BrowserSeal</a>
這款工具的兩個主要特色是獨立的浏覽器支援和帶有自動化腳本的指令行界面。
<a href="http://www.browserseal.com/" target="_blank"></a>
<a href="http://www.browsera.com/" target="_blank">Browsera</a>
Browsera 是一個可測試您的網站的跨浏覽器布局的工具，您會看到您網站上存在的相容性錯誤。
<a href="http://www.browsera.com/features" target="_blank"></a>
<a href="http://www.browsrcamp.com/" target="_blank">WebDevLab</a>
這款工具專門用于測試你的網站在蘋果Safari浏覽器中是什麼樣子的。
<a href="http://www.webdevlab.com/app/screenshots" target="_blank"></a>
<a href="http://litmusapp.com/browser-testing" target="_blank">Litmus</a>
這個工具可以幫助你檢查你的網站在多個浏覽器中的呈現情況，跟蹤Bug并建立報告。
<a href="http://litmusapp.com/browser-testing" target="_blank"></a>
<a href="http://www.browsercam.com/Default2.aspx" target="_blank">Browsercam</a>
最後這款工具是要付費的，可以幫助你檢查 Javascript 和 DHTML，提供不同的測試環境平台。
<a href="http://www.browsercam.com/Default2.aspx" target="_blank"></a>
您可能感興趣的相關文章
<a href="http://www.cnblogs.com/lhb25/p/2013-top-ten-blog-posts.html" target="_blank">2013年最受歡迎的10篇前端開發博文</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/01/29/2476578.html" target="_blank">建構殺手級應用 JavaScript 工具和技術</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/10/19/10-free-html-admin-templates.html" target="_blank">10套精美的免費網站背景管理系統模闆</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html" target="_blank">精心挑選的優秀 jQuery Ajax 分頁插件</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/08/03/5-creative-html5-and-css3-templates.html" target="_blank">35款精緻的 CSS3 和 HTML5 網頁模闆</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程師和設計師必讀精華文章推薦</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷！15個精美的 HTML5 單頁網站作品欣賞</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫！35個讓人驚訝的 CSS3 動畫效果示範</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">贊！30個與衆不同的優秀視差滾動效果網站</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å！25個優秀的國外單頁網站設計作品欣賞</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帥！8個驚豔的 HTML5 和 JavaScript 特效</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">頂！35個很漂亮的國外 Flash 網站作品欣賞</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇！34個漂亮網站和應用程式背景管理界面</a>
<a href="http://www.yyyweb.com/go/web" target="_blank">本部落格新站點 ◆ 前端裡 ◆ 歡迎圍觀：）</a>
歡迎任何形式的轉載，但請務必注明出處。