代码作坊

坊间的一切源于实战,用于实战
posts - 3, comments - 15, trackbacks - 0, articles - 0
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

超强的IE DOM查看工具:IE Web Developer V2

Posted on 2007-04-27 12:00 老丹 阅读(...) 评论(...) 编辑 收藏

使用firefox的时候,总是喜欢用它的DOM查看器来排查错误,或者是查看其他网站的页面设计。
幸运的是,IE也有这么一个工具,而且,还要来得强大一些,这就是IeInspector公司IE WebDeveloper V2

程序安装后是IE的一个内嵌插件,在IE工具条上默认会有一个打开按钮:工具条按钮

打开后主界面如下:


使用也很简单。在主界面下方,有五个功能的Tab切换。

在Webpage Inspector功能中,左边的列表是页面DOM节点的导航,选中某个元素后,可以在右边的信息区域中查看Attributes、HTML和Style。对于显示元素,选中后,在页面中还会进行区域标识,如图:

Script Console功能中可以进行页面的script调试,如下图中测试获取页面中某个元素的值:

Source Explore功能中可以查看页面代码中的变量和函数定义


Event Log中可以查看页面事件触发的列表


另外一个HTTP Monitor,是IeInspector公司另一个工具HTTP Analyzer的简化版,这里不做具体的介绍,大家可以自己看看。

总之,这个工具值得一试,如果大家还有更好的工具,欢迎进行讨论^_^