IE下的调试工具IE WebDeveloper

IE下的调试工具IE WebDeveloper

愚人码头 撰写  http://www.css88.com/archives/967css

IE WebDeveloper能够让你检查和编辑你的HTML DOM, 显示错误信息, 日志信息, 显示网站源代码, 监视DHTML事件和HTTP流量. 若是你是一个开发人员或设计人员, 但日常又喜欢使用IE, 那IE  webdeveloper是个不错的选择.它的功能能够和火狐下的Firebug相媲美,甚至有些功能还强于Firebug。html

IE WebDeveloper容许直接地在浏览器窗口中浏览、传输和更新HTML DOM。该软件能够实时分析网页而且显示为一种容许你察看表格风格、Javascript脚本,表格以及其它网页元素的树形风格。该软件还能够在浏览器中交互式地突出显示被选择的网页元素,所以你能够在实际网页中定位其代码。 查看style元素,定位div等等。且支持一键w3c检查(包括HTML/XHTML/CSS/Javascript tutorial等)。虽然用起来不如Firebug那么驾轻就熟,可是毕竟解决了咱们在ie上调试工具不足的问题。web

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

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

webpage_inspector_l

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

scriptconsole_l

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

sourceexplorer_l

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

event_log_l

最后一个为HTTP Monitor,它能够查看和网络服务器相交互的HTTP信息,至关于Firebug网络(net)功能,对于AJAX开发颇有帮助。工具

http_monitor_l

功能是很强大,惋惜须要注册,网站

相关文章
相关标签/搜索