代码改变世界

IE Tester 怎样使用firebug 调试工具?

2013-11-29 11:00  Truke  阅读(319)  评论(0编辑  收藏  举报

<开发人员工具>–<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的界面出现了!

原文地址:http://tina.babyfamily.com/archives/1367