IEDevToolBar是一款ie浏览器的插件,对于写样式的人来说非常非常方便,能提高效率。
以前用过,今天我突然想使用,但是 发现启动不了,然后找来了同事wk1。解决了这个问题,
解决方法:点击浏览器->工具-》管理加载项—>启动或禁止加载项-》将已经停用的
IE Developer Toolbar (dll) 启动了 即可。
下面是百度百科对此款插件的介绍 和 一个网友解决不能使用IEDevToolBar插件的方法。
百度百科
微软的IEDevToolBar,这是一个免费的专门为Web开发人员制作的IE插件,IE插件IEDevToolBar可以帮助我们分析网站的布局结构,有助于我们学习和分析页面的CSS,其主要功能有:
1.以树结构查看CodeDom,并查看每个Element属性,可以使用鼠标点击选中Element,这个在我们制作和调试网页时很有用;
2.生成图片报表,就是将页面上说有出现的图片生成一份详细的报表,这样就省的我们自己去找图片路径和量图片大小等等;
3.高亮显示表格,表格单元,Div等的边框,这个在我们调整布局时也是很有用;
4.页面尺子,可以然你任意在页面上度量长度,这个是大大的提高了我们的工作效率,不用为了量个长度而抓图再用画图工具量。
现在我就介绍给大家一起分享吧,装上后在Web项目调整界面时它真的是用处很多啊!
附: 下载地址(英文版):
安装之后,在IE顶部菜单的“查看” - “工具栏” 里面钩选“Developer Toolbar”项即可。这下在IE下做 Web开发就方便多了!
(开启方式:工具-->>工具栏-->>浏览器栏-->>IE Developer Toolbar)
年代久远,这么汉化的东西已经不在站点上了。。。。我也想找找!
汉化方法:下载下面汉化.dll文件后解压,如果已安装英文版,则关闭所有的IE程序后覆盖IEDevToolbar.dll文件(默认安装路径为:\Program Files\Internet Explorer Developer Toolbar)。如果没有安装英文版,则可以将IEDevToolbar.dll文件解压到\Windows\System32目录下,然后运行:regsvr32 IEDevToolbar.dll即可。
汉化IEDevToolbar.dll文件下载地址:http://www.35at.com/post/download/IEDevToolbar.rar
网上摘抄的解决
写测试脚本时,需要用到web上的各个控件name or value or id。推荐一个微软工具: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’,就能不显示控件了
IE7下打不开IEDevtoolbar 的解决方法:
要修改一些选项:工具 -> Internet选项 -> 高级 -> 启用第三方浏览器扩展选中这个再重新启动浏览器就可以了
DebugBar
DebugBar是功能强的IE插件,类似于Firefox浏览器的一款开发类插件Firebug.从各个不同的角度剖析Web页面内部的细节层面,给 Web开发者带来很大的便利.
目前对于个人用户免费.企业用户收费.主要有以下功能:
1.查看网页DOM树,HTTP(S),网页javascript脚本函数归类展示.效验网页 中的框架.网页属性的详细信息
2.提供网页源码与IE整理后代码的对比.
3.能在无需改变显示器分辨率的前提下用不同分辨率显示页面.并能对页面进行缩放.
4.功能对任意位置取色并将HEX码复制到剪贴板中便于保存.
5.可将当前页面截图通过邮箱发送出去.
另外同时这安装Ietester和companionjs配合使用将给web开发者带来更高的 开发体验.
官方发布网址: http://www.my-debugbar.com/wiki/
官方下载地址: http://www.debugbar.com/download.php
(开启方式:工具-->>工具栏-->>浏览器栏-->>DebugBar)