IE6开发调试插件：IE Developer Toolbar

First

如题，知道并用过该插件的请飘过。好吧，我承认我是新手而且我孤陋寡闻了-.-。

先附上Internet Explorer Developer Toolbar最新下载地址，便于下载使用：http://download.microsoft.com/download/1/6/4/164E1C78-A660-4C25-86E9-3C95EB0C537C/IEDevToolBarSetup.msi

如果上面地址无效了，可以去下载页面：http://www.microsoft.com/en-us/download/details.aspx?id=18359

 

Then

在ie8及以上版本自带有调试工具，通过F12可以开启，所以在页面调试上较为便利，但是由于开发中还要考虑到IE6、7的兼容性问题，调试起来就不这么方便了，因为其本身不带有此类调试工具。（真是废话一大篇啊……-.-b）

鉴于上面的原因，所以我都是慢慢地改代码或者加入辅助代码进行调试的，感觉很艰辛吧，或者说没底、无奈、无法把握状况。

后台不知在哪里听说了firebug可以用到IE中（用过Firefox开发的人一定听过Firebug吧！），于是找到了方法（见参考文章），引入指定js后便能通过F12调出熟悉而又陌生的Firebug调试界面，但是毕竟只是js实现的效果，所以各方面都是如此的简陋……

最近由于对网页界面制作稍感兴趣，所以就开始研究博客园的主题了，想自己制作个玩玩，用别人的总觉得难看（^_^，有木有？），所以去看了看模板设计帮助，偶然间让我见到了IE Developer Toolbar，当时还不以为然，以前听过IETest，后来发现其只不过用来浏览效果而已，无法进行类似Firebug的调试。所以让我对IE Developer Toolbar也产生了这种看法，毕竟如果有此等好工具，为啥我居然不知道呢？（看来，我还是挺无知的，或者说好东西太多了，总是会遗漏的-_-！）

最后看了看相关介绍文字（见参考文章），发现其还是蛮有用的，于是闲来装上一试，初步感觉非常好，只是尚未有机会运用到开发中而已。

PS：该插件与IE8中的开发人员工具的功能和界面有点类似，不过还是不及IE8的调试工具强大，估计这个是该插件的升级版吧。另外该插件是英文的哦（-.-，别担心，没几个单词 ）

 

Finally，欣喜之余在此记录分享下~

以下为相关截图及说明：

安装包才6百多KB，很小巧。 

以下为安装界面：

安装路径可自定义：

安装所需空间2M多：

准备开始安装：

完成安装：

打开IE6并未发现啥变化：

既然没发现，就需要自己来找找了，在工具栏上右击来添加工具：

找到了，添加即可：

点击新添加的工具按钮调出调试界面，熟悉而又陌生的界面：

发现tools中居然有Ruler和拾色器，还有自定义窗口尺寸的，很全啊：

对比IE8的开发人员工具，菜单界面基本一样，只是语言不同：（原来IE8下也有标尺和拾色器工具，好吧，我又<-.->孤陋寡闻了……）

可以选取代码查看对于网页中的元素，基本功能有了，另外还记得IE6下查看源代码所打开的记事本吗？对我来说是噩梦，现在通过插件可以有跟IE8查看源代码一样的效果了^_^

好了，工具关键是要会用，我本身还没好好利用起来这个以及IE8的开发人员工具，所以没啥分享的了，待实践中发掘吧，以下为参考的文章链接。

参考文章：

　　http://www.cnblogs.com/JustinYoung/archive/2007/04/19/good-tools-for-web-developer.html

　　http://www.cnblogs.com/JustinYoung/archive/2008/02/27/lets-blog-skin-01.html

　　http://skintemplate.cnblogs.com/

　　http://www.iefans.net/ie-firebug/