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

スポンサードリンク

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

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

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

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

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

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

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

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

ありがとうございます!

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

コメントを残す

メールアドレスが公開されることはありません。

ABOUTこの記事をかいた人

Mac, iPhone, WordPress が好きなウェブディレクター。 香川県坂出市出身。香川県高松市在住。 1973 年生まれで三児の父。川添おやじの会会長。ネギと玉ねぎが嫌い。