IE WebDeveloper——IE下的Firebug

Posted in Web前端开发, 精品工具 by eroading on 02-11-2009.

IE WebDeveloper,一款用于IE浏览器的插件,允许直接地在浏览器窗口中浏览、传输和更新HTML DOM。该软件可以实时分析网页并且显示为一种允许你察看表格风格、Java脚本,表格以及其它网页元素的树形风格。该软件还可以在浏览器中交互式地突出显示被选择的网页元素,因此你可以在实际网页中定位其代码。
它的功能可以和火狐下的Firebug相媲美,甚至有些功能还强于Firebug。

安装了IE WebDeveloper后会在IE头部的工具栏中出现一个图标,点开后就能使用IE WebDeveloper了。IE WebDeveloper有五个主窗口,首先是Webpage Inspector。Webpage Inspector左边是DOM查看器,选择一个DOM节点会在右侧对应地显示其属性值、HTML代码和CSS样式列表。在Webpage Inspector中可以动态地修改DOM结点,IE窗口会实时渲染展示出修改后的结果。(Firebug也有此功能)

webpage_inspector_l

webpage_inspector_l

第二个为Script Console,这个窗口可以输出页面的一些信息,如错误信息,还能寻址到出错代码的位置。可以在Javascript代码中用console.log(’信息’)来输出信息了,比alert命令好用多了。还可以直接在里面输入命令进行调试。(Firebug也有此功能)

scriptconsole_l

scriptconsole_l

第三个为Source Explorer,查看当前页所用到CSS和Javascript文件以及HTML源代码,它能够列出Javascript文件中的函数和变量名称。

sourceexplorer_l

sourceexplorer_l

第四个为Event Log,它能够查看网页浏览器、HTML文档、HTML窗口或所选HTML元素结点的事件触发列表。

event_log_l

event_log_l

最后一个为HTTP Monitor,它可以查看和网络服务器相交互的HTTP信息,相当于Firebug的网络(net)功能,对于AJAX开发很有帮助。

http_monitor_l

http_monitor_l

Popularity: 20% [?]

收藏&分享:
  • Google
  • del.icio.us
  • Digg
  • Technorati
  • TwitThis
  • Facebook
  • Mixx
  • Yahoo! Buzz
  • YahooMyWeb
  • Spurl

If you enjoyed this post, make sure you subscribe to my RSS feed!

暂无相关日志.

25个顶级PHP模板引擎 原3721产品经理傅盛谈产品经理

One Response to “IE WebDeveloper——IE下的Firebug”

» You can leave a response or Trackback.

  1. Lesley Bowser Says:

    This will be of significant help to me and my family

» Trackbacks/Pingbacks

Leave a Reply