IE 中开发，兼容与性能测试工具汇总

前言

对于开发者来说， IE的兼容性是最让人头疼的。
因为是微软的产品， 且绑定在操作系统上， 所以IE的占用率还是相当大， 对于开发者来说， 这部分的兼容的考虑就不可避免了。

对于IE 的各版本来说 从 IE7 到 IE8 之间的差异是比较大的。
IE的走向看起来也逐渐像 firefox 和chrome 靠拢。

IE 8 对于容错性方面做得更好了， 不会动不动整个页面不出来。
web 绘图也从速度慢的vml 到 svg 了...

版本兼容性测试

相当其他浏览器，IE 本身的版本兼容性问题比较突出。
windows 2003 搭载 IE 6
window XP 使用 IE 7
windows Vista 又是 IE8
而且同一个开发页面，如果稍不注意， 在这三种之间的显示就有可能不一样。
对于开发者， 可以考虑以下方法做测试：

1. 整三个机器，各装一个系统
2. 整一个机器， 使用VM装三个系统

很显然， 这两个方法都比较麻烦和耗资源。

以下推荐两种方式
1. 在线兼容性测试：

https://browserling.com/
一个在线的测试网站， 提供各种浏览器的显示效果。
只是速度上就很慢了。
2. IETester (IE的扩展插件)
下载地址： http://www.my-debugbar.com/wiki/IETester/HomePage 目前最新版 V0.5.2 , 现在应该是被debugbar 这家公司收购了。
debugbar的主要产品是DebugBar， 后面会说到。
下载安装完成后， 在IE的工具栏就会有一个 IE的菱形图标， 通过它就可以切换使用IE的不同版本了。

开发工具

对于开发者来说

firefox 提供了firebug
chrome 提供了 Web Developer
通过这些工具, 开发者较容易发现一些样式或是脚本上的问题， 节省了开发时间。
IE 8 以下的版本也带上 了 Internet Explorer Developer Toolbar 。
但是IE 7 以上的版本并没有， 还好, 微软提供的插件下载的地址：
http://www.microsoft.com/en-us/download/details.aspx?id=18359

性能分析工具

firebug 和 Chrome Web Developer 都有一定的性能分析的功能。
比如可以监视network 和 time 的消耗。
但是IE Developer Toolbar 基本上还是DOM和CSS 上的调试。
是说IE Developer Toolbar的最新版是有Network 的功能， 但是这远远不够。
推荐几款工具
1. DebugBar (有免费版) http://www.debugbar.com/download.php
2. dynaTrace Ajax
http://www.compuware.com/en_us/application-performance-management/products/ajax-free-edition/overview.html
3. Httpwatch（收费） http://www.httpwatch.com/

下载链接

IE Tester

DebugBar

IE Developer Toolbar
httpwatch
dynatrace-AJAX-edition