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

Question

有没有办法在特定函数大约执行时设置断点？

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

或者我应该求助于this方法。

我更喜欢在不修改代码或在每个 console.log.

处手动设置断点的情况下完成此操作

Answer 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);
}

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

Answer 2

如何在一开始就调用它，为每个 console.log 添加一个暂停？

这个替换原来的console.log，先暂停休息，再叫原来的console.log给你。这将适用于所有 console.log 调用。

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

console.log('hello');

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

Setting breakpoints on function calls in Chrome Dev. Mode

javascript

google-chrome

debugging

google-chrome-devtools

breakpoints

编辑：