基本上只要問網頁設計師,你都是用哪個瀏覽器DEBUG,大部分的人,幾乎都是用火狐(Firefox),因為他遵循正規的CSS設計之外,他的附屬插件也很好用,例如等等要說的DOM Inspector,和Firebug都是除錯的好幫手。
1. DOM Inspector
很不幸的在火狐(Firefox)3.0已經移除了DOM Inspector,他原本是內建在裡面,理由就是大多人問DOM Inspector 是啥？這就是為什麼開發團隊要將它從安裝程式拿掉的原因，因為很多人不知道它有什麼用嘛，因此以後要用他就要額外下載。
所以，現在你可以從這裡下載 DOM Inspector。
DOM Inspector是mozilla.org以XUL編寫出來方便編寫網頁資訊的工具。它不只能inspect DOM，也能inspect很多網頁排版上的資訊，是業界最強而具視覺化的網頁開發/偵錯工具。可惜不是人人都會使用，這篇就能讓用戶對它有最基本的認 識。
為什麼要讓人懂用DOM Inspector？
1. 快速了解為什麼這網頁Firefox顯示不出，那網頁又顯示不好？
2. 讓用戶準確了解Firefox顯示不出來的原因跟瀏覽器無關(除非列出資訊跟顯示出來的不符)，而是網頁寫得不好
3. 對寫出較標準的網頁有幫助
2. Firebug
Firebug是 firefox 的一個插件.可以說是當前用來 debug javascript 程式的最佳選擇.Firebug 還提供了一些好用的函式可以讓你的測試更順暢。
除了基本的除錯功能之外，Firebug在編寫網頁時，也是個不錯的幫手，例如在HTML頁面中，可以指向某個標籤，Firebug會自動以藍色覆蓋對應出頁面中的區域,也可以用滑鼠直接指出頁面中的元件，在DOM頁面中將顯示出DOM的相關訊息,他也有比DOM Inspector更詳細的ＤＯＭ觀察器。
現在你可以從這裡下載 Firebug。
