【2019年4月版】JavaScriptのconsoleがすごいことになってた。 - Qiita

JavaScript の console がすごいことになっているらしい。 本日、以下の記事を見つけました。 Getting creative with the Console API! この記事で紹介されている console のメソッド全然知らなかったのでビックリしましたが、実際にどう表示されるのか載っていなかったのでChromeのコンソールでスクショを取ってみました。 console.log() 本文によるとlogメソッド内のテキストリテラルは以下の書式で値のフォーマットと置換ができるそうです。 %o / %O - for objects; %d / %i - for integers; %s - for strings; %f - for floating-point numbers; マジすか・・・ そんなわけで以下のコード console.log("Object value:

[mizchi]

Chrome の console が、といった方がいい。これらを前提にしたコードを node で呼ぶと悲惨なことになる

[Fushihara]

公式のドキュメント、見よう！＞https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference?hl=ja

[maecchi]

あいつ一人で十分じゃないかなに徐々に近づいている

[ockeghem]

なんやかんやで、皆 printf デバッグが好きなのだなという感想をもった

[n314]

公式ドキュメント見づらくない？https://developers.google.com/web/tools/chrome-devtools/console/api こっちもあるし、網羅されてない感じがする。

[otihateten3510]

“オーマイ。。。CSS効いてる。。。”

[baca-aho-doji]

思ったより高性能だった…AAは笑ったw

[yuzu441]

全部知ってたけど、まとめてくれてるの聞かれた時に送りつける事ができるのでありがたい

[igrep]

どこまでChrome限定なんだろう。中の人めっちゃドッグフーディングしてるんだろうな...

[Ohgyoku]

互換性なら https://developer.mozilla.org/ja/docs/Web/API/console の最後に各ブラウザの対応表あり。つか元記事がこれの英語版からの情報なのになぜChrome限定て話になってんだ。

[tmatsuu]

はーすごい

[t_furu]

フォーマット便利そうだな

[koyancya]

うわぁ......

[shonansurvivors]

“console”

[lyiase]

Chromeのconsoleがって言ってる人、普通にIE11でもtable以外の機能使えるんだけど…。

[shinagaki]

debugger をプロダクションに仕込む嫌らしいサイトとかあるよな

[Kmusiclife]

アスキーアート！！えっ？！！

[quabbin]

ASCIIアートｗｗ

[delphinus35]

なんだ。Chrome 限定か。

[yuki_2021]

chrome限定らしい。Googleのエンジニアのイースターエッグみたいなもんだろうな。

[KoshianX]

おおう、こんないろんなことできたのか……

[progrhyme]

色々便利。

[masayoshinym]

絶対覚えられなくて都度ググるやつ。

[hatappi1225]

console.logで%oが使えるの知らなかった

[raimon49]

これGoogleのエンジニアも便利と思って追加してるのかジョークのつもりで追加してるのかどっちなんだろう。

[naari_3]

Chromeのコンソールがすごい話

[kikuchi1201]

なっ、なっ、なんだってーー！

[hirose504]

公式ドキュメント https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference?hl=ja

[mattn]

これ非互換な変更よね？

[hogege]

φ(..)ﾒﾓﾒﾓ

[deg84]

全然知らんかった。すごいことになってるな

[iww]

ここまで出来ているのに、タイムスタンプの表示ができないのはなぜだろう

[su_zu_ki_1010]

ほえー。。。

[yarumato]

“GoogleChromeのDevTool。console.log()で値formatとCSS。console.group()で階層作って閉じたり。console.trace()でスタックトレースが一撃。console.assert()。時間も記録できるconsole.time()　カウントconsole.count()　表形式でも出力 console.table()”