ブラウザのデベロッパツールのコンソールへlogを出力する方法と、
その際の注意点や解決策についてソースコード付きで解説します。
最終的にはlog出力の完成形として、
IEエラー回避、consoleオブジェクトの記述無し、デバッグ切り替え機能付きの
プラグインの作成まで順を追って解説致しますので、最後までお付き合い頂ければ幸いです。
JavaScript開発において、変数の中身の確認や、処理フローの状況を確認する為には、
今まではHTMLへ出力したり、alert()等で通知したりといった事が主流でした。
しかし、ブラウザの技術進歩により、かなりJavaScript開発の手助けとなる機能が充実して来ました。
そんな中、ブラウザのデベロッパーツールのJavaScriptコンソールへ
logを出力する事が可能となりました。
今回の記事では、そんなlog出力の方法と、Safari、ChromeやFirefox、各ブラウザでの互換吸収、IEへの対策方法等を
解説したいと思います。
alert()の様に、一回一回ボタンを押す必要も無く、HTML出力の様にレイアウト崩れを気にしたり、
ロギング環境を構築する手間も必要ありません。
今回解説するlog出力方法を身につければ、きっと今後のJavaScript開発が加速するはずです。
- JavaScriptコンソールへlogを出力してみよう!
- 他にもあるlog出力系便利メソッド!
- consoleが使えないブラウザでもエラーが発生しない様にしよう
- 長いオブジェクト名を短縮しよう
- コンソールへのlog出力の有効・無効を設定しよう
- log出力の完成形!IEエラー回避&console記述無し&デバッグ切り替え機能付き