IE下功能超强的调试器IE WebDeveloper图文教程
不久之前,在IE下的调试工具我只知道IE Developer Toolbar和Companion.JS,我想这两个工具在IE环境下的功能已经很强大了 。一位专业WEB设计师给我推荐了一款IE下功能超强的调试器:IE WebDeveloper,它的功能可以和火狐下的Firebug相媲美 , 甚至有些功能还强于Firebug 。
安装了IE WebDeveloper后会在IE头部的工具栏中出现一个图标 , 如下图:

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

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

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

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

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

相关经验推荐
- 华为nova3i支持nfc功能吗 华为nova3i介绍
- qq勋章墙电脑管家勋章怎么领?
- 怎样下载到网上播放过的视频?以Internet Explorer为例
- 手机qq空间怎么搜人 qq空间搜人功能介绍
- IE WebDeveloper js debug IE下的Firebug javascript调式工具
- ie浏览器下载的文件是锁定状态怎么办 解决教程
- 哪些情况下不适合商业贷款转公积金贷款?不适合商业贷款转公积金贷款的情况是?
- 如何保存网页右键无法另存为的图片 网页右键无法保存的图片下载教程
- 怎么用360浏览器下载网页视频 360浏览器从网页上下载视频的方法
- 美图秀秀增高功能怎么玩 增高功能使用教程
