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