firebug的调试，console

最新推荐文章于 2024-12-06 14:22:47 发布

weixin_30666943

最新推荐文章于 2024-12-06 14:22:47 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/joya0411/p/3733304.html

本文介绍了JavaScript中console.log、console.warn、console.error等常用调试方法及console.time、console.profile等性能分析工具的使用，包括如何输出变量信息、断言验证、计算代码执行时间以及查看代码执行过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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();