Google Chrome デベロッパーツールで JavaScript をデバッグする

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

Google Chrome デベロッパーツールで JavaScript をデバッグする方法のメモ。

デベロッパーツールの起動方法

右上のレンチアイコンから [ ツール ] → [ JavaScript コンソール ] を選択するとデベロッパーツールを起動できます。

コンソールにログを出力する

JavaScript のソース内で次のように書くと、コンソールにログを出力する事ができます。

console.log('num = '+num);

今までのデバックは、いちいち alert() でやっていたので、ダイアログを閉じるのが面倒でしたｗ

参考にさせてもらったページ

• 特集：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社

• 【レビュー】Google Chrome使用のデベロッパへ – GUI JavaScriptデバッガを試してみた! (1) Google Chromeに実装された2つの強力なデバッガ | エンタープライズ | マイコミジャーナル

ありがとうございます！

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。