前端开发浏览器兼容性测试工具？以及各浏览器的分级？

Question

前端开发在做浏览器兼容性测试的时候有什么好用的工具？总不能是把要测的浏览器都装个遍吧？

除了工具外，一般会将各浏览器如何分级？

Answer 1

浏览器兼容测试环境

下面的每个环境上下文都是互斥的：

1. winxp + IE6 / 搜狗 / 360
2. win7 + ie9（可以使用其 ie7 / ie8 兼容模式来测试 IE7 和 IE8 ） / 搜狗 / 360 / opera / firefox / chrome
3. win7 + ie10
4. win7 或 xp + ie8 或 ie7（可忽略）
5. mac + safari / firefox / chrome （可忽略）
6. win8.1 + ie11 （不需要）

每一个选项都应该是一台远程或本地的测试机器，或者是一个vmware虚拟机，装有原生对应版本浏览器的操作系统。

1 主要是用于测试IE6，而360/搜狗的内核，有可能与装了原生IE8+和360/搜狗的系统不太一样。之前遇到的一个例子是：localStorage在装了winxp+ie6的360上面，只要用到，就会报错，除非使用try catch语句包裹它，而winxp+ie8的360上面，就可以正常使用。（之后未再印证这个bug360有没有修复）

2 建议作为大家的开发环境，可以涵盖非常大比例的浏览器兼容部分。

3: “过了前2的测试，但3测试失败”？这里有一个原因。

4 我几乎没有遇到“过了前3的测试，但4测试失败”的问题，IE9的IE8/IE7兼容模式可以很好地把相应的bug发掘出来，这个环境可忽略，但QA最好不要放过这里。

5 mac机器的浏览器和windows的浏览器还是有一些区别的，比如说滚动事件和windows完全不一样，如果做到的交互涉及滚动的托管之类的，一定要用mac测测，但是考虑到用户群非常少，所以要求不这么严苛的话，可以忽略。

6 ie11出现以后，其实和现代浏览器已经没有什么区别，没有必要额外测试。update:微软又自作多情地在sdk里面取消了margin-bottom的支持，如果你用html5和js编写的win8的app的页面还用于浏览器的web app话，还是得测。

最后，不要相信IE Tester，不要相信Microsoft Expression 4 Superview的交互模式的结果，我吃了N遍“IE Tester自测通过但QA用原生低版本IE测出bug”的亏。

浏览器的分级

太困了这里mark一下回头再补完……

Answer 2

modern.IE 是微软新推出的一套免费的浏览器测试工具 ——
旨在帮助开发人员减少在测试浏览器兼容性上所用的时间，而将更多的精力放在创新上。

http://www.modern.ie/

Answer 3

IE tester ?

ff chrome 以及 某些浏览器...

Answer 4

我现在对各浏览器的态度是：
1. 专注 Chrome
2. 连带着优化一下 Firefox
3. 抛弃 IE（自己做的东西完全不考虑IE，给别人用的就支持到“能用”的程度为止）

因此：
1. 在 Chrome 下进行开发
2. 开发完成后检查、调整一下在 Firefox 下的效果
3. 最后检查IE。并通过 Meta 标签，强制 IE7/8/9/10/11 都用 IE7 模式显示网页（于是调试的时候只要考虑 IE6 和 IE7 这两种情况就行了）

我在本机安装了的软件：
Chrome、Firefox、系统自带的 IE、IETester
IETester 经常出现一些小毛病，因此也可以用虚拟机装一个 win xp，来代替它

Answer 5

楼上说的国外的兼容性测试工具都试用过，功能是好的速度太慢慢了，最后果断放弃了，浏览器如何分级？你是指浏览器的测试策略么？最好是能够兼容多种内核的浏览器(比如Trident内核的IE、Webkit+Blink内核的chrome、Gecko内核的Firefox、Webkit内核的Safari)，尽量保证浏览器的兼容性测试的完整性，或者你可以指定某一类型的浏览器和版本，推荐一个浏览器兼容测试环境的工具MTE，都是在线真实的浏览器，打开就能用。
http://itest.aliyun.com/

Answer 6

我这一般的是win7下跑谷歌浏览器，火狐这种可以直接安装的。

IE就用IE11，然后F12可以调整浏览器文档模式到IE7。

在装个虚拟机跑XP，看IE6

Answer 7

有一堆网站可以测试浏览器兼容性：

http://litmus.com/page-tests

http://www.browserstack.com/

http://www.browserstack.com/

大量测试的话，还是要上自动化测试工具，例如Selenium就支持各大主流浏览器的兼容性测试。

Answer 8

还是尽量装个遍吧。。。
1.Chrome, FireFox, Safari, Opera 这些可以直接装上
2.IE10/IE11各种模式
3.IE Tester
4.虚拟机/自己的别的机器/别人的机器（真实的IE还是需要的）

分级不知道怎么分，还是分块吧。。按照浏览器目前各种表现的抱团情况来看，可以非常粗略的分成：
Chrome/Safari/Opera一块，FireFox一块，IE一块
另外IE每个版本的差别也很大，IE6/IE7/IE8/IE9每一个版本进步都很明显-.-|||

Answer 9

https://browsershots.org/
用这个吧。不过需要是公网IP

Answer 10

分级参考:http://yuilibrary.com/yui/environments/#environments

Answer 11

我一般在chrome下开发测试，顺带测测ie8+,基本可以满足需求了。
先去看你的用户群体大致的年龄分步，和已有的数据分析，再决定针对性的开发。