JavaScript--在網頁中調試的方法

有許多方式可以調試 JavaScript。我們首先從代碼本身討論一下:
  • 插入 alert 進入代碼是最常見的方式,可以提示變量的值、類型,函數參數,對象屬性。如果你用分支代碼以支持分別做不同的事,你可以使用 confirm 來強制執行指定的分支功能。如果你想能夠剪切粘貼結果可使用 prompt
  • 要想得到更詳細的錯誤報告你可以使用 window.onerrortry..catch 語句。這會讓代碼直接運行,不會因某個錯誤而終止掛起,從而在代碼執行完成後報告出所有的錯誤。
  • 有些錯誤在我們不知不覺中進入我們的代碼,並且難於發現。我們要嚴格遵守代碼約定,如用分號顯式地結束語句而不是用分號插入;總是使用花括號把控制結構括起來如 if, if..else, switch, while, do..while, for, for..in 語句; 使用圓括號來表示優先而不是靠運算符本身的優先等組;使用統一的詳細的命名規則;使用統一的代碼縮進規則讓源碼更易讀;使用顯式的類型聲明避免自動類型或者採別的方式達到同樣效果;對於不同的瀏覽器有些簡便的方式(特別是 ie),儘量使用符合標準語法的代碼……。通過以上方式減少這些難以發現的錯誤產生。
  • 可以通過 js lint來運行代碼,它可以檢測某些潛在的錯誤。
以上是我們通過代碼本身做的事。下面我們看看在瀏覽器中代碼的檢測
  • 使用多個不同類型的瀏覽器測試你開發的角本。在windows環境中,至少要用到 ie6w、op7以及moz。在mac機中,要至少用到 saf、op7、ie5m和moz。如果存在代碼在一個或多個瀏覽器中不起作用,要看看換些不同的代碼能否解決。如果還不行,就要根據不同瀏覽器做一個分支執行代碼。
  • 在 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 Environmentview 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

來源:CSDN

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章