Firebug 教程


Firebug 官網宣布已停止繼續開發、更新維護 Firebug 的通知,邀請大家使用 Firefox 內置工具 DevTools

什麼是 Firebug?

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

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



安裝 Firebug

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

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

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

firedebug



Firebug 組件

Firebug 選項

firebug-opitons

在頁麵上點擊檢查元素

firebug-inspect

撤銷與恢複

go-back-forward

顯示命令行

show-command-line

麵板選擇

panel-selector

控製台

console-and-enabling-it

HTML 麵板

HTML-panel

CSS 麵板

CSS-panel

腳本麵板

Script-panel

DOM 麵板

DOM-panel

網絡麵板 (用於網頁測速和優化)

Net-panel

其他按鈕

other-buttons

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