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