使用debugger在dojo小部件中除錯程式碼

以前除錯js程式碼的時候都是在Chrome的Developer Tools的Source中找到要除錯的js檔案，然後進去後設定好斷點，然後除錯，有時候設定好斷點後要重新重新整理才能進入斷點，雖然麻煩，但是最起碼還能除錯程式碼。後來我在使用dojo進行widget開發的時候，發現這種除錯程式碼的方式不管用了，有的時候是壓根就在Sourece中找不到相應的小部件的widget，有的時候是設定了斷點根本不起效果，除錯很費勁，只能在小部件的js檔案中寫很多的console.log()用來檢查變數輸出，這種方式效率比較低。有一天看同事的程式碼，突然發現js檔案中有一個debugger的語句，字面上看起來就是除錯的意思。後來發現debugger是非常強大的！！！只要在js檔案中寫了debugger;這條語句，在執行到該語句時，會自動進入斷點方便除錯，即使在dojo的小部件的js檔案中寫了debugger也是起作用的，也會在該語句處自動進入斷點，這個功能給我除錯dojo小部件提高了不少效率。不過有一點要注意的是，在Chrome中必須首先按下F12開啟Developer Tools才會進入斷點，否則是不會進入斷點的。