使用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才会进入断点，否则是不会进入断点的。