首页 > 代码库 > firebug的调试，console

firebug的调试，console

2024-07-04 19:30:27   222人阅读

console.log()

console.warn()  警告

console.error()  错误

console.group()  分组　　console.grounpEnd() 分组结束

console.dir()   输出所有信息

var cat = {};
cat.name = "mm";
cat.sex = "male";
cat.show = function(){
      return ‘aa‘;
};

console.log(cat) //只会显示name和sex的属性
console.dir(cat) //会显示全部，name、sex、show都会显示出来

console.dirxml(obj)  显示当前元素的代码结构

var oDiv = document.getElementById(‘div1‘);

console.dirxml(oDiv);  //显示oDiv的代码结构

console.assert()  断言

var a = 0; //数字0是false;

console.assert(a)   //断言失败，控制台会有信息

console.assert(20 === ‘20‘) //断言失败，控制台会有信息

console.assert(20 == ‘20‘)  //断言成功，控制台没有信息

console.trace()  代码执行的过程

        function  a(){
            return b();
        }
        function b(){
            return c();
        }
        function c(){
            console.trace();
            return 1;
        }
        a();


结果：
    c();
    b();
    a();
    XXX.html;

console.time()   console.timeEnd()    计算代码执行的时间

console.time(‘计时器‘);

for (var i=0;i<100000;i++) {

}

console.timeEnd(‘计时器‘);
/*
结果：
    计时器：10ms
*/

console.profile()　　console.profileEnd()　　查看性能（其中控制台-->概况也可以查看性能，先清空控制台，点击概况（概况收集中...），然后在页面上移动/点击，最后再点击概况即可查看到结果）

　　　　function a(){
            for (var i=0;i<10;i++) {
                b();
            }
            for (var i=0;i<20;i++) {
                c();
            }
             function b(){
                 var b = 10;
             }
             function c(){
                 var c = 20;
             }
        }
        console.profile();
        a();
        console.profileEnd();

 

在其他浏览器中也使用firebug工具

http://getfirebug.com/firebuglite网址，通过<script>引用到页面中（注：需要放在head中）

 

　

 


联系
我们