如何在IETester中使用Firebug

安装好IETester后再安装Debugbar,如果没有装点这个链接装好:http://files.cnblogs.com/golbz/install-debugbar-v5.2.2.zip(官方链接好像被墙了...无语...)

安装好Debugbar之后,在IETester中依次点<开发人员工具>--<Debugbar插件>--<脚本>

在最下方的 //JavaScript控制台下面输入

 

var s = document.createElement("script");
s.src = 'http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js';
s.type="text/javascript";
if(document.all){
   s.onreadystatechange = function(){
    if(this.readyState == "loaded" || this.readyState == "complete"){
     alert("loaded success in ie");
    }
   }
} else {
   s.onload = function(){
    alert("load success");
   }
}
document.body.appendChild(s); 

这里的思路是动态创建一个script标签，然后监听它的onload事件，当它加载完成时，会alert一下加载成功信息。运行脚本，等到弹出"loaded success in ie"后，表示我们的firebug组件的脚本已经加载进来了。但此时，firebug的界面并没有出现！别着急，我们将输入框中的代码清除掉，再输入如下代码：

firebug.init();

 

运行它，过一会儿，就会看到firebug的界面出现了！

 

参考:

1.http://hi.baidu.com/cly84920/blog/item/20640158a197d68b810a187e.html

2.http://ooxx.me/ietester-debugbar.orz