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

Setting breakpoints on function calls in Chrome Dev. Mode

本文关键字：函数调用 断点 设置 Chrome 开发 模式      更新时间：2023-09-26

是否有一种方法来设置断点当特定的函数关于执行?

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

或者我应该采用这种方法。

我更喜欢在不修改代码的情况下完成这个任务，或者在每个console.log上手动设置断点。

是的，这就是诀窍。创建一个自定义日志功能，将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);
}

此代码将影响页面中的所有日志调用。检查是为了捕捉某个信息。

如何在一开始就为每个console.log添加暂停休息?

替换原来的console.log，先暂停break，然后为您调用原来的console.log。这将适用于所有console.log调用。

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

相关文章：