[Firebug - Console控制臺視圖]

console API文檔, http://www.getfirebug.com/console.html

console.info顯示(i)圖標

在輸出時，需要注意第一個參數被自動識別為格式字符串

需要在頁面加載前啟動firebug，當頁面加載后啟動firebug時，就沒有console對象

console.time(name), 用指定名稱創建一個定時器，使用同一個名稱調用console.timeEnd(name)將停止定時器并輸出時間間隔。

console.timeEnd(name), 停止通過console.time(name)創建的定時器，并輸出時間間隔。

?

[Firebug - HTML頁面視圖]

Show Computed Style不顯示所有可用的樣式

標記的顯示也會與源代碼不同，而是按照Firefox對文檔結構的解析顯示的

在頁面上右擊彈出菜單中選擇Inspect Element菜單項，能起到與Inspect按鈕相同的作用。

?

[Firebug - CSS樣式表視圖]

Edit編輯模式下切換文件不能保持Edit編輯模式

[Firebug - Script腳本視圖]

使用step into, step over等按鈕需要預先設置javascript腳本的斷點

Options選項，Break on All Errors在所有錯誤處中斷，用于捕獲javascript出錯事件，不受javascript腳本中的try/catch影響

在頁面加載過程中的腳本設置斷點，可以先加載頁面，設置斷點，然后刷新頁面

?

?

?

[Firebug - DOM文檔結構視圖]

頁面中包含不斷執行的AJAX時，DOM視圖也將不斷刷新，此時可以在script視圖中AJAX腳本處設置斷點避免DOM視圖刷新。

借助Show User-defined Properties選項查看javascript全局變量

[Firebug - Net網絡視圖]

進度條	進度條顏色	文字顏色	含義
有	綠色	黑色	正在讀取
有	深灰色	黑色	向服務器端發送請求，從服務器端返回文件
有	深灰色	紅色	404，沒有找到指定文件
有	淺灰色	黑色	向服務器端發送請求，服務器端返回未修改，加載本地緩存文件
無	-	黑色	未向服務器發送請求，直接從本地緩存加載文件

右擊菜單, Open in New Tab在新標簽中打開

[Firebug - 其他問題]

不支持IE Tab

設置Javascript.options.strict為False避免Firebug出錯, http://kb.mozillazine.org/Javascript.options.strict

轉載于:https://www.cnblogs.com/bravestart/archive/2009/01/21/1379352.html

總結

以上是生活随笔為你收集整理的firebug 的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。