以前调试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才会进入断点,否则是不会进入断点的。
原文链接:/dojo/291517.html