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

firebug的调试,console

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中)