624K大小的一个插件,安装之后就可以在IE中使用了
介绍一个IE插件,web开发人员必备(IEDevToolBar)_休闲
启动之后就可以在IE下方出现了一个分析器
介绍一个IE插件,web开发人员必备(IEDevToolBar)_休闲_02
 
最重要的就是最左边的窗口,从这个窗口,可以很容易地分析网页中的HTML和CSS,下面以Google来做示例吧,展开节点:<BODY>
介绍一个IE插件,web开发人员必备(IEDevToolBar)_休闲_03
选择<DIV id=gbar>,可以看到IE已经把选中的DIV用蓝色的框选中了:
介绍一个IE插件,web开发人员必备(IEDevToolBar)_职场_04
右击该节点:
介绍一个IE插件,web开发人员必备(IEDevToolBar)_职场_05
点击Applied Styles则可以查看该部分的CSS
介绍一个IE插件,web开发人员必备(IEDevToolBar)_休闲_06
同时Elememt Source可以查看该部分的HTML源代码
Elememt Source with Style可以同时查看HTML和CSS代码
其实在Elememt Source可以查看脚本源代码,虽然记事本都可以查看源代码,但是该IE插件的功能还是很实用,可以对网页进行彻底的分析,用来学习HTML和CSS,IEDevToolBar是一个不可多得的工具呢。。。