【メモ】console.trace を閉じた状態でログ出力する


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...