From Gossip@caterpillar

Ajax Gossip: FireBug

當您為簡單的JavaScript除錯時,可以使用Mozilla Firefox的「錯誤主控台」,但對於複雜的Ajax應用程式客戶端來說,最好有個好用的Debug工具,至少要可以設置中斷點,進行程式碼的步進,方便您進行程式的除錯。

FireBug 是Mozilla Firefox的一個擴充套件,使用上非常簡單,您可以在它的「Console」頁面看到JavaScript的請求、回應相關訊息:



也可以在「Script」頁面進行中斷點設置,在下面的工具列上進行Step Over、Step Into、Step Out等除錯作業…



除了基本的除錯功能之外,FireBug在編寫網頁時,也是個不錯的幫手,例如在HTML頁面中,可以指向某個標籤,FireBug會自動以藍色覆蓋對應出頁面中的區域…



您也可以用滑鼠直接指出頁面中的元件,在DOM頁面中將顯示出DOM的相關訊息:



您甚至可以查看XMLHttpRequest的相關訊息…



您甚至可以使用FireBug對JavaScript進行評測(Profile)…



FireBug的功能雖然多,但使用上非常直覺且簡單…