【JS学習マラソン】第3回　1.1.3 開発者コンソール

「現代の JavaScript チュートリアル」パート１の1.3「開発者コンソール」です。

を読んでみます。

JavaScriptの学習で、Webブラウザーには「Google Chrome」を使ってみます。

Google Chrome（グーグル・クローム）は、HTMLレンダリングエンジンにBlinkを採用し、Googleが開発しているウェブブラウザである。

Chromeには、「デベロッパーツール」というデバッガーが付いています。

デバッガ（Debugger）とは、デバッグを支援するプログラムのこと。

対話的に利用者がプログラムを動作させたり、プログラムが使っている変数等を表示させる機能がある。

デバッグ（debug）とは、コンピュータプログラムや電気機器中のバグ・欠陥を発見および修正し、動作を仕様通りのものとするための作業である。

WindowsでChromeを使っている場合は、ファンクションキーの「F12」を押すと、デベロッパーツールが起動します。

という見本ページを開いて、デバッガーを使う練習をします。

上記ページをChromeで開いて、「F12」を押すと、画面右側にデベロッパーツールが表示されました。

デベロッパーツールの上部にあるメニューで「Console」パネルをクリックすると、JavaScriptの実行結果が表示されていました。

f:id:jsstudy:20190103135026p:plain

チュートリアルでは、Chromeの他に、FirefoxやSafariのデバッガーの使い方も紹介されていました。

普段は、Chromeを使っているので、とりあえずここでは、Chromeのデバッガーの起動方法だけ覚えておくことにします。

＝「F12」ボタンを押せばOK。

これでJavaScriptを練習する道具が揃いました。

（エディター、IDE、Webブラウザー、デバッガー）

JavaScript勉強会