Web Designer使用CSS在開發網站時會先以支援Firefox為主要測試工具，

無論是CSS、HTML或JavaScript都提供實用的除錯功能，當按下觀察功能鍵後滑鼠指在網頁的元件時，FireBug會顯示出相關的CSS屬性列表，對於從事Web Designer工作的人來說，如果非裝不可的Firefox3 附加元件，大概非Firebug莫屬。

為什麼Web Designer的Firefox上要裝Firebug呢？原因大概有以下兩點：

Firebug除錯很實用。

Firebug可以自行擴充延伸的附加元件。

雖然，預設裝好的Firebug，在檢視原始碼，進行markup coding或debugging時，已經相當實用。如果能夠在再補上4個元件，那就更完善了：

YSlow：主要用於評鑑網站的傳輸效能，越高分，代表訪客瀏覽該站的速度越快。

Firecookie：檢視並管理網頁所使用的cookie。

FirePHP：方便作為PHP除錯之用。

Pixel Perfect：讓使用者直接新增網頁元件在頁面上作排版模擬，同時獲得Markup coding所需的參資訊。