如何在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 =>输入文件名=>最后输入断点