12 款用于测试网站浏览器兼容性的工具推荐

我经常看到有很多人询问HTML5某个特性当前各浏览器的支持情况. 的确，因为HTML5内容庞大，特性众多，而浏览器的支持情况又混杂不一，随时都有可能变化，所以了解起来比较困难. 在这里，我汇总了一些常用的网站供前端开发者了解HTML5浏览器的支持情况. When Can IUse：图表经常更新，展示了HTML5、CSS3、SVG等浏览器的支持情况.

想知道你的网站在各个浏览器中显示是否正常么. 下面列出了12款工具，你可以使用这些工具来测试你的网站，以确保使用各种各样浏览器的用户都能得到好的浏览体验. 英文原文：http://slodive.com/web-development/cross-browser-testing/. 感谢 jforever 投递这篇资讯.

浏览器作为一个浏览网页的平台，自身的性能直接影响网页的解析速度、渲染，而浏览器的性能一般又是由浏览器的内核来决定. 虽然浏览器的评测方法有很多，但是权威的浏览器性能测试方法主要有以下几种：. Acid3测试是检测浏览器与Web标准兼容性的主要方法，也是目前行业中最权威的测试. Acid3是由网页标准计划小组（Web Standards Project, WaSP）设计，测试焦点集中在ECMAScript、DOM Level 3、Media Queries和data: URL，浏览器开启 http://acid3.acidtests.org/测试页面后，页面会不断加载功能、直接给予分数.

W3C Web 性能工作小组与 Google、Mozilla 和其他社区领导者通力合作，制订了导航定时、资源定时、用户定时和性能时间线接口的标准化规范，可以帮助您了解在您的 Web 应用程序中导航、获取资源以及运行脚本的实际使用性能. 您可以使用这些接口来捕获并分析您的客户实际使用您的 Web 应用程序的体验，而不是依靠那种在人工环境中测试您的应用程序性能的合成测试.

可以让开发者在浏览器上测试其iOS应用的. Kickfolio是一家500 Startups资助的初创企业，跟Facebook收购的Pieceable或面向Android的Appsurfer类似，他可以让开发者上传移动应用的编译模块到Kickfolio的平台上，然后可以让其他人在web上与app交互，无需下载测试执行代码到移动设备上即可进行测试.

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

Mozilla Firefox 7今天正式发布，本次更新几乎没有任何功能改进，Mozilla将所有精力放在了性能上，因此新版的性能跑分令人期待. Lifehacker率先公布了包含Firefox 7在内的新快浏览器的成绩，不过从事实看来，苦修内功的Firefox依然玩不过Opera和Chrome，但大多数据比IE9要强一些.

fennec是firefox在嵌入式平台的简化版， 也被称为firefox的手机版，是Meego平台使用的浏览器. 因为被Meego使用的缘故， 它提供了一套基于Qt的界面实现. fennec是一种生活在撒哈拉大沙漠里的长耳狐， 长得很是可耐， 上个片片给大家欣赏一下：. 应bug的要求， 尝试编译了一下这个工程.

本文翻译自Steve Fulton & Jeff Fulton. 在获取HTML页面上Canvas元素的引用后，我们需要测试一下该元素是否包含“上下文”(context). Canvas的上下文指的是由浏览器定义的用于绘画的平面. 简单地说，如果上下文不存在的话，Canvas也就名存实亡了. 测试浏览器是否支持Canvas有好几种方法.

Selenium Grid跨浏览器－兼容性测试. 这里有两台机子，打算这样演示：. 一台机子启动一个作为主点节的hub 和 一个作为次节点的hub（系统windows 浏览器为ie） ip为：192.168.4.124. 另一台机子启动两个次节点hub，一个次节点浏览器为firefox,另一个浏览器为chrome (系统为windows)，ip为：192.168.4.137.