Firebug 教程

什么是 Firebug？

Firebug 是一個開源的web開發工具。

在本章教程我們將討論以下內容：

• 如何安裝 Firebug。
• 使用 Firebug 檢查和編輯 HTML。
• 使用 Firebug 檢查和編輯 CSS。
• 使用 Firebug 調試 JavaScript。
• 在 Firebug 中動態執行 JavaScript。
• 使用 Firebug 記錄 Javascript日志。
• 使用 Firebug 監控網絡。

安裝 Firebug

Firebug下載地址： https://addons.mozilla.org/en-US/firefox/addon/1843/

使用Firefox瀏覽器訪問以上下載地址，打開頁面后，點擊下載按鈕后，會有個彈窗頁面，提示安裝的目錄，安裝后重啟你的Firefox瀏覽器。

重啟后就可以在Firefox瀏覽器中看到Firebug的圖標。點擊Firebug圖標(位于Firefox瀏覽器右上角)即可激活Firebug插件。

Firebug 組件

Firebug 選項

在頁面上點擊檢查元素

撤銷與恢復

顯示命令行

控制臺

HTML 面板

CSS 面板

腳本面板

DOM 面板

網絡面板 (用于網頁測速和優化)

其他按鈕

• 1 - 最小化Firebug。
• 2 - 在瀏覽器窗口安裝Firebug。
• 3 - 停用Firebug。