IEDevToolBar

微软的IEDevToolBar，这是一个免费的专门为Web开发人员制作的IE插件，IE插件IEDevToolBar可以帮助我们分析网站的布局结构，有助于我们学习和分析页面的CSS，其主要功能有：
　　1.以树结构查看CodeDom，并查看每个Element属性，可以使用鼠标点击选中Element，这个在我们制作和调试网页时很有用；
　　2.生成图片报表，就是将页面上说有出现的图片生成一份详细的报表，这样就省的我们自己去找图片路径和量图片大小等等；
　　3.高亮显示表格，表格单元，Div等的边框，这个在我们调整布局时也是很有用；
　　4.页面尺子，可以然你任意在页面上度量长度，这个是大大的提高了我们的工作效率，不用为了量个长度而抓图再用画图工具量。
　　安装之后，在IE顶部菜单的“查看” － “工具栏” 里面钩选“Developer Toolbar”项即可。这下在IE下做 Web开发就方便多了！
　　汉化方法：下载下面汉化.dll文件后解压，如果已安装英文版，则关闭所有的IE程序后覆盖IEDevToolbar.dll文件（默认安装路径为：\Program Files\Internet Explorer Developer Toolbar）。如果没有安装英文版，则可以将IEDevToolbar.dll文件解压到\Windows\System32目录下，然后运行：regsvr32 IEDevToolbar.dll即可。
本站下载地址：200810200005105048.rar

最新版本：Internet Explorer Developer Toolbar v1.00.2188.0
微软官方下载地址：http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&DisplayLang=en

 

 

 

写测试脚本时，需要用到web上的各个控件name or value or id。我总是把网页保存成htm文档再用dreamweaver打开然后查看，今天被一同学看到说了一句再恰当不过的话：你这不是用大炮打蚊子么？！呵呵，笑死我了。然后被推荐了一个微软工具：IEDevToolbar

接收到文件后，关掉IE，直接运行安装，exit后，再打开IE，咦，怎么还是没有工具栏。此时，查看-->工具栏-->Developer Toolbar勾上，即可了。这是英文版本的安装

此外，中文安装如下：

下载文件后解压，如果已安装英文版，则关闭所有的IE程序后覆盖IEDevToolbar.dll文件（默认安装路径为：\Program Files\Internet Explorer Developer Toolbar）。

如果没有安装英文版，则可以将IEDevToolbar.dll文件解压到\Windows\System32目录下，然后运行：regsvr32 IEDevToolbar.dll即可。

附上下载链接：http://www.bentium.org/ReadNews.asp?NewsID=337

使用：后点击‘查看DOM’，然后在下面出现的‘查找’里，勾上‘通过点击获取元素’，就可以了，如果不想要的话再点‘查看DOM’，就能不显示控件了