如何在Chrome中進行調試時忽略jQuery斷點？

Question

每當我嘗試調試我的網站時，即使在那裏沒有斷點，它也會在jQuery.js文件中多次停止。這非常煩人，因爲我只想調試我在代碼中放置斷點的位置。

如何在調試時讓Chrome瀏覽器忽略jQuery核心文件，並只專注於放置斷點的地方？

Answer 1

當使用Chrome調試jQuery的文件內停止的唯一原因是，如果你使用debuggin F11（步式），同時調試而不是F8（暫停/繼續執行），或者如果遇到錯誤，您已啓用pause on errors。

當然任何debugger;行也將強制執行停止。

要忽略錯誤，底部的Sources選項卡上有一個小圓圈圖標，可以點擊進入3個狀態。

• 灰色狀態=不要例外只對未捕獲的異常暫停
• 藍邦=暫停對所有異常
• 紫邦= PAUS

查看圖像下面關於我的圖標指的是，點擊它的不同狀態。

此外，在圖片的右側，你可以看到不同的部分，如：DOM Breakpoints和XHR Breakpoints等。檢查那些沒有斷點，以防萬一。

希望這會有所幫助。

Answer 2

我相信你正在尋找被稱爲「黑拳」近期開發的功能。該功能將允許調試器基本上通過步驟調試時的庫代碼步驟。

你可以閱讀更多關於它在這裏：http://www.divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/

Answer 3

Blackboxing（忽略某些文件例外）現在本身在谷歌瀏覽器的支持。

development tools > settings > Manage framework blackboxing

而且更容易，在文件中只點擊右鍵並說Blackbox this script

Firefox有精縮JS的自動blackboxing文件甚至！