【HTML】HTMLを簡単にデバックをする方法

スポンサーリンク
HTML・JavaScript..

こんにちは、ハル@haru_elpisです。

HTMLのプログラムを作成中に簡単にデバックする方法です。

HTMLを簡単にデバックをする方法

console オブジェクトで用意されている log メソッドを使用することで、 HTML ページの中に記述された JavaScript のコードからコンソールに対して変数の値や任意の文字列などのログを出力することができます。

Chromeのダウンロード

オススメのブラウザはChromeとなります、まずはダウンロードをしましょう!

Chromeダウンローはこちら

ファンクションキーの確認

Chromeを起動してファンクションキー「F12」を押すと右側にコンソール画面が表示されます。下記のような画面です。

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

console.log("コンソール表示");

  表示は右のようになります。

HTML ファイルに記述された JavaScript のコードからログをコンソールへ出力する方法について解説しました。

コメント

タイトルとURLをコピーしました