对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具。

Spoon Browser  Sandbox

点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了。

wKioJlHbflWTntN9AACCqO3f-Zk224.jpg

Superpreview

这是为微软自己发布的跨浏览器测试工具,您可以同时查看您的网页在多个浏览器的呈现情况,对页面排版进行直观的比较。

wKioOVHbflXBi2glAADfDEM5BQg667.jpg

IETester

专门用于测试网页在IE浏览器各个版本中兼容性的工具,版本包含IE5.5至IE9的各个版本,很不错的一款工具,推荐。

wKioOVHbflXCeVwJAACKRvRxz9M597.jpg

BrowserShots

BrowserShots  是一款免费的跨浏览器测试工具,捕捉网站在不同浏览器中的截图。这是最有名,也是最古老的浏览器兼容性测试工具。

wKioJlHbflaQsizeAACFrxGuqYE515.jpg

Multiple IEs

这款工具同样用于测试网页在IE浏览器各个版本的兼容性。

  • wKioJlHbflbCLNiNAAEWy7kUVhk925.jpg

IE  netrenderer

Netrenderer 也是用于检查你的网站在IE浏览器中的呈现情况,包括各个常用版本的检测。

wKioOVHbflaDPLVrAADR2Jy2xGY062.jpg

Viewlike.Us!

Viewlike 是一款新推出的工具,帮助你检查浏览器在不同分辨率下得呈现情况。

wKioOVHbflaQJFh_AACtKfTGb-o472.jpg

BrowserSeal

这款工具的两个主要特色是独立的浏览器支持和带有自动化脚本的命令行界面。

wKioJlHbflaQACkfAACpy52Mwwo794.jpg

Browsera

Browsera 是一个可测试您的网站的跨浏览器布局的工具,您会看到您网站上存在的兼容性错误。

wKioJlHbflaye5buAABynSpEe6o528.jpg

WebDevLab

这款工具专门用于测试你的网站在苹果Safari浏览器中是什么样子的。

wKioOVHbflfRCWBeAAA7TCw03zE852.jpg

Litmus

这个工具可以帮助你检查你的网站在多个浏览器中的呈现情况,跟踪Bug并创建报告。

wKioOVHbfleQhlk3AABTltebF94953.jpg

Browsercam

最后这款工具是要付费的,可以帮助你检查 Javascript 和  DHTML,提供不同的测试环境平台。

wKioJlHbflfhwseQAACRNaEq0S4217.jpg

原文链接:http://www.admin10000.com/document/127.html