javascript - 如何使用 console.trace() 记录 js 堆栈跟踪但保持折叠状态

Question

我想在我的应用程序中记录某些函数调用的堆栈跟踪。我喜欢 console.trace() 呈现数据的方式，但它总是将其吐出到控制台展开。如果你有几十个日志，这很快就会变得混乱。

有些人建议使用 log Error().stack，其他人建议使用 console.error()，其他人建议使用 Error.captureStackTrace()。但所有这些都有我不喜欢的东西。console.error 使控制台混乱，很难看到真正的错误。其他的没有打印出漂亮或可用的堆栈。

应该有一种方法可以简单地让 console.trace() 默认为折叠。

标签： javascriptgoogle-chrome-devtoolsstack-trace

Answer 1

答案是使用 console.groupCollapsed();

    console.groupCollapsed('name to show to identify trace');
    console.log('additional data hidden inside collapsed group');
    console.trace(); // hidden in collapsed group
    console.groupEnd();

在控制台中看起来像这样。（在chrome中工作，不确定其他人）