慢着：阅读文章之前可以先点击音乐，边欣赏音乐边阅读哈，这样可以缓解疲劳哦，也更能够吸收。

对于前端开发工程师来说，确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情，幸运的是，有很多优秀的工具可以帮助测试浏览器的兼容性，让我们一起看看这些很棒的工具。【对应网址在名字后面，复制链接打开即可】

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 是一个可测试您的网站的跨浏览器布局的工具，您会看到您网站上存在的兼容性错误。

Litmus【】

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

本文原地址来自：

记住上面这些点，不管是现在的工作中还是后续换工作，只要是从事相关的工作都能用得上，可以牢记一下哦。

那么今天分享的教程就到这里了，你有什么想法没有，可以在评论下方说一说。

同时评论后说可以私信我获取一下福利，私信我回复：福利

福利一：145GB各种高级设计素材

福利二：Adobe全套最新设计软件

福利三：一套全方位抠图攻略教程

福利四：10节PS高级进阶教程

福利五：顶级抠图设计软件​

福利六：设计在线直播教学教程

福利七：全天老师在线指导