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