Firebug 調試 JS入門--如何調試JS

jopen 11年前發布 | 40K 次閱讀 程序調試 Firebug

下圖為如何找到web應用的JS,激活firebug,點script,然后ALL旁邊選擇你要Debug的JS。 Firebug 調試 JS入門--如何調試JS

下圖是如何打斷點 基本跟Eclipse一樣,點擊行號就OK了。
Firebug 調試 JS入門--如何調試JS
下圖是如何在斷電上設定條件,如果條件符合,就進入斷電,這個功能不錯,特別是Debug很復雜的Function的時候。
Firebug 調試 JS入門--如何調試JS
下圖是如何單步調試,跟Eclipse一樣F11單步
Firebug 調試 JS入門--如何調試JS
下圖是查看調用的Stack,對以復雜的JS Debug很有幫助。
Firebug 調試 JS入門--如何調試JS
下圖是查看變量基本跟EclipseDebug一樣。
Firebug 調試 JS入門--如何調試JS
下圖是在斷點處查看變量。
Firebug 調試 JS入門--如何調試JS
有個很好用的功能,代碼行之間快速調轉,使得上千行的JS調試很輕松。
Firebug 調試 JS入門--如何調試JS
下圖就是Performance測試結果,使用很容易點Profile
Firebug 調試 JS入門--如何調試JS
還有一個LOG功能比較實用,看下圖如果你不想每次進入斷點,用這個就再好不過了。
Firebug 調試 JS入門--如何調試JS

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!