加断点的两个小技巧

有时候我们进行javascript代码调试的话，一般在浏览器中加上断点就可以了，比如



当web代码加载的时候，会自动停留在在该设定断点的那行上


但是项目比较大型的话，不可能一开都会全部把需要script文件全部加载进来，会一边执行一边加载。因此，要是想要在某一个文件上加上断点，就得一步一步的调试到该文件加载进来的，比较麻烦，导致工作效率也不高。我发现了两个方法可以对应解决这个问题。

1：在需要提前加上断点的文件头或者尾巴加上j//@ sourceURL=main-first.js这一行代码，就可以提前把该script文件加载进来，以便加上断点调试。现在一般是加上//# sourceURL=main-first.js



之后在Chrome浏览器中，打开sourse，既可以看到对应的文件了。



2：加上debugger;就能每次都在“debugger”字样下停住。



这两个方法可以让调试代码更加省时。