Posted on 2009-02-12 15:44
Robert Su 閱讀(347)
評論(0) 編輯 收藏
在調試JavaScript時可以在代碼中加入一些行,來作為判斷條件
1,alert();
如果你的代碼出錯崩潰了,你可以在預期出錯位置之前加入該語句,判斷錯誤是否在該位置之后!多次加入,就可以逐漸靠近錯誤位置了;如果使用alert()
只是為了查看變量值,有時候將變量值在window.status上顯示出來更好;
2,confirm();
該函數會根據你的選擇返回true或者false,于是你可以選擇分支執行了;
3,prompt();
這個就更厲害了,你可以使用它把你的變量值給修改了;比如:s="我不知道";s=prompt("請設定",s);你可以在這里把s給修改成"我愛
你!",嘿嘿!
讓程序有應付某些異常的功能是必要的:
要想得到詳細的錯誤報告你可以使用 window.onerror 或 try..catch
語句。這會讓代碼直接運行,不會因某個錯誤而終止掛起,從而在代碼執行完成后報告出所有的錯誤。 建議:
把代碼縮排做好;養成一些良好的習慣,通俗說是風格。
調試工具:
工具有很多,用著順手就好了,我有VS就不需要別的了。這里有很多別人列舉的工具,我也沒用過:
在IE中一定要啟用錯誤報告。如果使用的是 windows,可以利用 Microsoft Script
Debugger。如果需跟蹤一個錯誤,你可以利用角本中的 debugger 關鍵字控制角本在調試模式下執行。
推薦主要使用 ie 測試,用
op7 或 moz 來調試。
在 Op7 當中,一定要啟用 在JavaScript Console 中 JavaScript 錯誤報告。
Op7
的 JavaScript Console 遠比 ie
錯誤報告要好些,擁有更好的代碼跟蹤功能,更容易看到函數調用來源。并且可以報告出正確的錯誤行,不同于 iew 。 在 moz
中有很多工具。可利用 Mozilla JavaScript
Console,它可以報告錯誤和警告,并且允許做簡單的角本賦值。可以啟用嚴厲警告提示出許多潛在錯誤位置。可以使用 DOM Inspector
顯示 document 樹,stylesheets 樹,computed styles,JavaScript 對象。
可以用 Venkman
(Mozilla JavaScript Debugger)獲取更高級的 JavaScript 調試工具。可供使用的有 Ian
Hickson’s JavaScript Evaluation Sidebar 或者 Jesse Ruderman’s JavaScript
Environment、view scripts bookmarklet、JavaScript Shell 或者 view variables
bookmarklet 或者 ViewScripts bookmarklet 。 在 konq
當中,靠自己的力量要更多些,使用一些源代碼的技巧。
在 saf 中需要啟用隱藏調試菜單(Hiden debug
menu),不用在系統控制臺顯示毫無意義的錯誤信息,使用 Show DOM Tree
功能會更有用。如果你啟用了顯示調試菜單,Safari不運行,在終端使用下面的命令: defaults write
com.apple.Safari IncludeDebugMenu 1