1個だけトレースするならまだしも、
複数回トレースしたい場合もデカデカとログを占有して邪魔くさい・・・
というわけで、console.trace() を閉じた状態で出力したい。
といっても、これだけでいい。
console.groupCollapsed("trace...");
console.trace();
console.groupEnd();
個人的には、console.log の用途のついでにトレースもしたいニーズがあるので、
こんな関数を作ったら割とデバッグが捗る。
console.tracedLog = (label, ...log) => {
{
console.group(`-- ${label} --`);
console.log(...log);
{
console.groupCollapsed("trace...");
console.trace();
console.groupEnd();
}
console.groupEnd();
}
};
chrome-devtools でこれを使うとこんな感じの出力になる
> console.tracedLog("title", [1, 2, 3]);
▼ -- title --
> (3) [1, 2, 3]
> trace...