DOM Elementとconsole.dirの組み合わせが便利だったので伝えたい

2015/08/18 に Qiita に投稿した記事のアーカイブです。本文中のリンクは動作しないことがあります。

@armorik83 です。console.log()はおなじみですがconsole.dir()っていつ使うの？とずっと疑問でした。今回ようやく「便利！」と感じたので共有しておきます。（Chrome 44, Firefox 40, Safari 8 にて確認）

あまり log と dir の違いはない

var ob = {a: 1, b: 2};を与えるくらいなら、console.log()で十分。

DOM Element を dir に渡すと見やすい

console.log

どの描画と対応しているか、mouseover で色を付けてくれる。これはこれで便利。

console.dir

console.logとは異なり、Element 内のプロパティがズラズラっと表示される。欲しかったのはこれだよ！

---

現場からは以上です。