在Chrome Dev中设置函数调用的断点。模式

时间:2015-07-14 14:59:56

标签: javascript google-chrome debugging google-chrome-devtools breakpoints

当特定功能关于执行时,有没有办法设置断点?

它不一定是一个明确的断点 - 我只是希望在即将调用console.log()时暂停执行。

或者我应该使用this方法。

我更喜欢在不修改代码的情况下完成此操作,或者在每console.log处手动设置断点。

2 个答案:

答案 0 :(得分:1)

是的,这就是诀窍。创建一个自定义日志记录功能,将debugger放入其中并致电console.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);
}

此代码将影响您网页中的所有日志调用。检查是捕获某个消息。将其移除以便永远停止。

答案 1 :(得分:1)

如何在一开始就调用此选项,为每个console.log添加一个暂停中断?

这将替换原始console.log,先暂停,然后为您调用原始console.log。这将适用于所有console.log次来电。



(function () {
  var oldLog = console.log;
  console.log = function() {
    debugger;
    oldLog.apply(console, arguments);
  }
})();

console.log('hello');