@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内のプロパティがズラズラっと表示される。欲しかったのはこれだよ! 現場からは以上です。
![DOM Elementとconsole.dirの組み合わせが便利だったので伝えたい - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ccf11a96a8fbbb094c38e62e38d9810b78669485/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253DDOM%252520Element%2525E3%252581%2525A8console.dir%2525E3%252581%2525AE%2525E7%2525B5%252584%2525E3%252581%2525BF%2525E5%252590%252588%2525E3%252582%25258F%2525E3%252581%25259B%2525E3%252581%25258C%2525E4%2525BE%2525BF%2525E5%252588%2525A9%2525E3%252581%2525A0%2525E3%252581%2525A3%2525E3%252581%25259F%2525E3%252581%2525AE%2525E3%252581%2525A7%2525E4%2525BC%25259D%2525E3%252581%252588%2525E3%252581%25259F%2525E3%252581%252584%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253Dbf8a79d73dceb409dd98560adaaedef0%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540okunokentaro%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D7cb2539c08724288665f6f26fcc9b58f%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3D65be437e0a7d6c85d9ac32bc24525777)