如何在chrome中的dev工具中訪問js-file / lib時設置斷點？

Question

是否有可能在調試時獲得斷點，以便每次訪問某個類時它都會停止 ，否則它會正常運行。

這是一個非常常見的用例，當一個人不想停止在jquery函數或其他常見的libs函數上，並希望保留在特定的js文件上，但不知道什么可以觸發bug，所以一個人不要我想明確地在js文件的每一行上設置一個斷點來捕獲該文件的所有訪問 。 Chrome DevTools是否有針對該調試功能的選項？

更新：

或者也許還有另一種方法可以通過忽略整個庫（如jquery）來獲得類似的功能，如果應該有一個斷點，那么只有其他文件才會被調試器處理？ 對於這個案子來說，這仍然不是最好的解決方案，但無論如何都要節省很多時間。

UPDATE2：

第二種方法在這里描述，但我有Chrome 26，遺憾的是在接下來的一兩個月內無法更新它，所以此功能現在對我的瀏覽器不起作用。

Answer 1

唯一的方法就是撒上debugger; 文件中的語句。 在文件的開頭和每個函數體的開頭應該就夠了。

參考： https ： //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/debugger

Answer 2

您可以在“源”面板中設置條件斷點。 如果右鍵單擊行號裝訂線，它將顯示您可以使用的不同選項的上下文菜單，其中一個是條件斷點。 就像，如果（條件）休息;

單擊“編輯斷點”以執行此操作

Answer 3

如果您知道正在調用的函數，則可以使用函數斷點

debug(function);
function(...args);

當你調用該函數時，它將命中斷點。 這些不會在頁面重新加載時保存，但是一旦達到函數斷點，就可以設置行斷點。

這可能會有點單調乏味。

如果你有一系列功能，你可以做到

[function0, function1].map(debug)

@Tibos答案會很好，如果有某種babel變換插入debugger; 在每個函數的開頭，而不是手動插入。

Answer 4

你按F12 =>選擇Sources =>按CTRL + O =>輸入文件名=>最后輸入斷點