IE6共存、调试（查看Dom元素，修改元素样式）之我见 + IE6下Firebug Lite的使用

作为一名前端开发者，还是不得不顾及IE6的兼容问题。稍微总结一下目前可用的几种IE6共存的方法。

1、IE6绿色版

此种方式可用于XP系统，但不适用于win7。

2、win7安装虚拟机，可以用 XP Mode 或者 VMware、VirtualBox之类的虚拟机软件。

如果是经常要做IE6兼容测试的话，有个真实的IE6环境无疑是最合适的。但像我这样，前后端都要做，偶尔调下兼容的人来说，装个虚拟机占硬盘空间，启动又慢，总之挺繁琐的。

3、IETester ——推荐

以选项卡的方式显示不同的浏览器版本。此种方式需要安装，不过总比安装虚拟机来得方便。

4、IECollection

经常听别人谈起的一个软件，实际没用过，不知道效果如何。

5、Xenocode Browser Sandbox

这个工具看官网的介绍是相当的强大，可以调试任意版本的浏览器，有兴趣的可以去了解下： http://spoon.net/browsers/

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

差不多就这几种方式，从个人的使用来看，如果公司里有一台电脑做内部服务器或者共享打印机之类的，系统为win2003，自带IE6，那无疑是最方便的，调试的时候用远程桌面连接，在最真实的IE6环境下测试是最好不过的了，而且不用安装任何软件、任何虚拟机神马的。。

退而求其次，就是使用IETester了。

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

介绍完共存IE6的方法后，就讲讲如何最便捷的进行调试。

第一种方式：IETester下，使用LinrWinds，需要安装，还是较为繁琐

第二种方式：使用 Firebug Lite

如果是连接远程桌面，直接使用 Firebug Lite就可以实时查看DOM，编辑CSS样式了。

其原理就是将Firebug用iframe的方式内嵌到页面当中，功能上是Firebug的阉割版，对于调页面样式来说就足够了。

具体的使用方式有两种：

1、联网使用：直接在页面上引入js脚本，缺点是需要下载2M多的文件，要等待几秒

<script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>

2、不需要联网：要先下载压缩包，然后引入本地路径即可，此种方式速度相对会快些

<script type="text/javascript" src="/local/path/to/firebug-lite-debug.js"></script>

Firebug Lite基本上可以在所有浏览器中使用，无需安装任何软件，对于需要偶尔调调IE6兼容样式的人来说还是相当方便的！

详细内容可参见官网：https://getfirebug.com/