中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

Firebug對于Web開發(fā)人員來說，已經(jīng)成為了不可或缺的工具，但是在我日常的工作中，常常感覺還沒有能夠深刻的挖掘出她的潛力，今天花了點時間仔細研究了Console和命令行的使用在提高工作效率方面的作用，
記下來和大家分享一下.

Firebug一共有Console,HTML,CSS,Script,DOM,NET六個Tab，今天著重說一下Console的用法。

其實我們對于Console應(yīng)該非常熟悉，因為這里是Firebug給出各種信息的窗口，而這也正是Console的主要用途，日志記錄(Logging)。
除此之外，Console還提供了通過命令行方式來調(diào)試Javascript的方法。下面就來學(xué)習(xí)一下Console的用法。

1、Firefox的日志記錄(Logging in Firefox)。

通過Console的記錄方法，我們可以不再使用煩人的alert或者document.write方法來進行調(diào)試。
Firebug提供了五種日志的類型：

• console.log:記錄一行信息，無任何圖標提示；
• console.debug:記錄一行信息，帶超鏈接，可以鏈接到語句調(diào)用的地方；
• console.error():向控制臺中寫入錯誤信息，帶錯誤圖標顯示和高亮代碼鏈接；
• console.info():向控制臺中寫入提示信息，帶信息圖標顯示和高亮代碼鏈接；
• console.warn():向控制臺中寫入警告信息，帶警告圖標顯示和高亮代碼鏈接；

consle打印字符串支持字符串替換，使用起來就像c里面的printf(“%s",a),支持的類型包括：

• %s        string，字符串
• %d,%i    整型
• %f        浮點
• %o        對象

如果使用%o的話，對象就會用綠色的超鏈接表示出來，單擊后會將你帶到DOM視圖。

2、分組(Grouping)。

如果某一類的信息特別多時，分組就有利于邏輯的劃分。
使用上很簡單，參見代碼。

function consoleGroup(){
    var groupname = "Group 1";
    console.group("Message group %s", groupname);
    console.log("This is the 1 message in %s", groupname);
    console.log("This is the 2 message in %s", groupname);
    console.log("This is the 3 message in %s", groupname);
    console.groupEnd();
                
    goupname = "Group 2";
    console.group("Message group %s", goupname);
    console.log("This is the 1 message in %s", goupname);
                
    var subgroupname = "Sub group 1";
    console.group("Message group %s",subgroupname);
    console.log("This is the 1 message in %s", subgroupname);
    console.log("This is the 2 message in %s", subgroupname);
    console.log("This is the 3 message in %s", subgroupname);
    console.groupEnd();
                
    console.log("This is the 2 message in %s", goupname);
    console.groupEnd();
}

3、console.dir和console.dirxml

console.dir可以將一個對象的所有方法和屬性打印出來，這個方法無疑是非常有用的，我們不再需要object.toString這樣的方法支持了，只要有firebug，查看對象也變得很輕松同時，我們也可以將頁面中的元素作為一個對象打印出來，但是你要小心，因為這將輸出眾多的信息，可能你會迷失在繁雜的信息中而找不到自己需要的條目。我們可以通過分組將這些大量的信息放入一個分組中，這樣可以在邏輯上更清楚一些。

function consoleDir(){
    function Car(){
        this.Model = "Old Model";
       this.getManu = function(){
            return "Toyota";
       }
     }
                
     var objCar = new Car();
     console.dir(objCar);
     console.dir(zoo);
                
     var groupname = "Css Style";
     console.group("The button Style", groupname);
     console.dir(document.getElementById('consoledir').style, groupname);
     console.groupEnd();
}

console.dirxml    打印出HTML元素的XML表示形式.

出處：小狼的世界
責(zé)任編輯：bluehearts

上一頁 下一頁 Firebug中的console tab使用總結(jié) [2]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。