自从
Firebug推出之后,得到了广大web developer的认可,借助它的帮助,开发者可以非常容易的在firefox里调试Ajax程序,但是IE怎么办?毕竟它占据了90+%的浏览器份额。
到目前为止,还没有一个IE平台下可以超越Firebug的工具,但是有不少类似,功能上稍逊一筹的类似工具。
IE可以使用的类Firebug工具
- Internet Explorer Developer Toolbar
这个是Microsoft官方推出的一个面向开发者的工具栏,提供了很多有用的功能,包括DOM Inspector, CSS Inspector等,但是不能对javascript进行调试,这是非常失败的地方,但是聊胜于无,用总比没有好。
- Web Development Helper
这个应该是一个ASP.Net开发人员自己写的一个toolbar,可以查看http request调用情况,相对前者多了一些功能。也可以对javascript进行调试、查看,但是很多功能只是针对ASP.Net,比如javascript的调试只能针对ASP.Net Ajax和Script#生成的代码!在本地环境,可以查看ASP.Net代码的调用栈等debug信息。
对于我等php的开发人员,可以使用的功能就有限了。但是多了一个XMLHttpRequest的traffic log,对于一些ajax程序的调试还是很有帮助的.
==============================================================
在ie下,firebug只提供了一个简化版的firebug lite,这个version是一个单独的js,你需要在每一个页面中嵌入一段firebug.js来激活firebug,有些不便。这里给出的解决方案是利用ie的bookmarklet来快速呼出firebug。
安装步骤
- 下载firebug.js到你自己的服务器
这么做之后你就不必担心某天我会对你实施跨站攻击了~~ - 安装bookmarklet,把下面的链接拖动ie的工具条上,如果是ie 7,这个链接貌似拖拽不了,可能是基于安全考虑,但是你可以右键 -> 添加到收藏夹 -> 加到“链接”分类下
Firebug Bookmarklet
- 将刚才bookmarklet中的firebug.js和firebug.css替换成你自己服务器上的url
使用
使用其实很简单,在需要firebug的页面上,点击ie工具条上的Firebug Bookmarklet就可以了