加斷點的兩個小技巧

有時候我們進行javascript代碼調試的話，一般在瀏覽器中加上斷點就可以了，比如

當web代碼加載的時候，會自動停留在在該設定斷點的那行上
但是項目比較大型的話，不可能一開都會全部把需要script文件全部加載進來，會一邊執行一邊加載。因此，要是想要在某一個文件上加上斷點，就得一步一步的調試到該文件加載進來的，比較麻煩，導致工作效率也不高。我發現了兩個方法可以對應解決這個問題。
1：在需要提前加上斷點的文件頭或者尾巴加上j//@ sourceURL=main-first.js這一行代碼，就可以提前把該script文件加載進來，以便加上斷點調試。現在一般是加上//# sourceURL=main-first.js


之後在Chrome瀏覽器中，打開sourse，既可以看到對應的文件了。

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



這兩個方法可以讓調試代碼更加省時。