代码作坊

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

使用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的简化版,这里不做具体的介绍,大家可以自己看看。

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

Feedback

#1楼  回复 引用 查看   

2007-04-27 16:35 by 无常      
License Type Price By Plimus/PayPal(?)
Commercial License $79
Non-Commercial License $59
Five Commercial License $350
Site License $790
Enterprise License $4740


好贵

#2楼  回复 引用 查看   

2007-04-27 19:07 by 随风流月      
为什么不用 Microsoft Internet Explorer Developer Toolbar ?
免费且实用。不过现在仅仅 Beta 阶段。

#3楼  回复 引用   

2007-05-16 14:37 by Victor.Woo[未注册用户]
请问IEInspector.HTTP.Analyzer 和 IEInspector.IE.WebDeveloper 有什么区别?
我觉得后者好像什么都有了??

#4楼  回复 引用   

2007-07-12 10:27 by andrew[未注册用户]
土狗们 连firebug都不知道

#5楼  回复 引用   

2007-09-15 00:15 by HR_Guy[未注册用户]
这个工具是不错,不过要注册,谁有注册码啊?

#6楼  回复 引用   

2007-09-15 21:22 by YesIam[未注册用户]
firebug for fireox

懂不懂呀 !

#7楼  回复 引用   

2008-03-13 11:43 by 国[未注册用户]
#4楼的,你不光土,还无知
Name:piaodown.com
Serial:88185-DC6AC789B7CC1508

这次我来做个好人吧

为了给大家贡献
提交了好几次啊

#9楼  回复 引用   

2008-09-02 14:00 by 私奔的马甲[未注册用户]
多谢楼上!
谢8楼的

#11楼  回复 引用   

2009-08-07 22:24 by 优雅与民俗[未注册用户]
我一直用Google的浏览器的DOM就足够用了,十分方便。我就是用它学习Apple网站设计风格。右击页面“审查元素”就弹出一个新窗口DOM结构。

不过非常感谢,我试一试IE

#12楼  回复 引用 查看   

2011-01-16 21:08 by 需要      
IE下的调试工具还是必须的,特别是,哪些只能下运行的程序。。

#13楼  回复 引用 查看   

2011-03-06 09:07 by 兰悦儿      
@我靠,我的名字竟然被占了
谢谢啦。