Javascript 在Chrome开发模式下设置函数调用断点

Javascript 在Chrome开发模式下设置函数调用断点,javascript,google-chrome,debugging,google-chrome-devtools,breakpoints,Javascript,Google Chrome,Debugging,Google Chrome Devtools,Breakpoints,当特定函数即将执行时,是否有方法设置断点 它不需要是一个显式断点-我只想在调用console.log()时暂停执行 或者我应该采取什么方法 我更喜欢在不修改代码的情况下完成这项工作,或者在每个控制台上手动设置断点。创建一个自定义日志函数,将调试器放入其中,然后调用控制台.log,您就得到了想要的: function log(message) { debugger; console.log(message) ; } 编辑: 您还可以使用调用原始的类似函数替换console.log

当特定函数即将执行时,是否有方法设置断点

它不需要是一个显式断点-我只想在调用
console.log()
时暂停执行

或者我应该采取什么方法


我更喜欢在不修改代码的情况下完成这项工作,或者在每个
控制台上手动设置断点。创建一个自定义日志函数,将
调试器
放入其中,然后调用
控制台.log
,您就得到了想要的:

function log(message) {
    debugger;
    console.log(message) ;
}
编辑: 您还可以使用调用原始的类似函数替换
console.log

var clog = console.log;
console.log = function(message) {
    if(message == '...') {
        debugger;
    }
    clog.apply(console, arguments);
}

此代码将影响页面中的所有日志调用。检查是为了捕捉某条信息。删除它以使其始终停止。

从一开始就调用它,为您的every
控制台添加暂停中断。log

这将替换原来的
console.log
,先暂停中断,然后为您调用原始
console.log
。这将应用于所有
console.log
调用

(函数(){
var oldLog=console.log;
console.log=函数(){
调试器;
apply(控制台、参数);
}
})();

log('hello')1。正如那个话题所说,把
debbuger控制台.log
之前的code>。2.打开开发工具,切换到
Sources
选项卡,找到
console.log
在你的代码中,点击左边的行号,它应该为你设置一个断点。我只是想知道是否有一种不修改代码的方法。但我想我会使用
调试器。我认为第二种方法不修改您的代码?这是真的。对不起,我不清楚。我不想修改代码,但也不想手动单击每个
控制台.log
。我希望Chrome开发工具能够告诉它在所有
console.log
调用前中断。在我没有编写的代码中在
console.log
之前中断怎么样。就像隐藏在某处的
backbone.js
中一样。有没有一种方法可以在不编辑文件的情况下将这些日志作为目标?我想我必须在Dev工具中手动设置这些断点。有没有一种方法可以使其在原始调用时中断,而不是在该函数中中断?当然,我可以走几步回到原来的位置,所以这没什么大不了的是。没关系。恐怕不是,但好消息是,暂停时,您可以看到面板右侧有一个
调用堆栈
,应该就在
Watch
的正下方,您可以单击它跳出当前范围,返回到即将调用它的范围。例如,当您看到此代码段上的停止时,你应该看到第一行是
console.log
,第二行是
(匿名函数)
,点击第二行,你应该看到chrome开发者引导你退出
console.log
,直到它即将被调用为止。