如何在chrome中的dev工具中访问js-file / lib时设置断点?

是否可以在调试时获取断点,以便每次访问某个类时它都会停止 ,否则它会正常运行。

这是一个非常常见的用例,当一个人不想停止在jquery函数或其他常见的libs函数上,并希望保留在特定的js文件上,但不知道什么可以解决bug,所以一个人不要我想明确地在js文件的每一行上设置一个断点来捕获该文件的所有访问 。 Chrome DevTools是否有针对该调试function的选项?

更新:

或者也许有另一种方法可以通过忽略整个库(如jquery)来获得类似的function,如果应该有一个断点,那么只有其他文件才会被调试器处理? 对于这个案子来说,这仍然不是最好的解决方案,但无论如何都要节省很多时间。

UPDATE2:

第二种方法在这里描述,但我有Chrome 26,遗憾的是在接下来的一两个月内无法更新它,所以此function现在对我的浏览器不起作用。

唯一的方法就是撒上debugger; 文件中的语句。 在文件的开头和每个函数体的开头应该就够了。

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

您可以在“源”面板中设置条件断点。 如果右键单击行号装订线,它将显示您可以使用的不同选项的上下文菜单,其中一个是条件断点。 就像,如果(条件)rest;

单击“编辑断点”以执行此操作

在此处输入图像描述

如果您知道被调用的函数,则可以使用函数断点

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

当你调用该函数时,它将命中断点。 这些不会在页面重新加载时保存,但是一旦达到函数断点,就可以设置行断点。

这可能会有点单调乏味。

如果你有一系列function,你可以做到

 [function0, function1].map(debug) 

@Tibos答案会很好,如果有某种babel变换插入debugger; 在每个function的开头,而不是手动插入。

你按F12 =>选择Sources =>按CTRL + O =>输入文件名=>最后输入断点