おはこんばんにちは!ノボルです。
JavaScriptの動作確認をしたいんだけど、簡単な方法ってないかな?
それなら、Google Chromeの検証機能を使うといいよ!
そこで今回は、Google Chromeの検証機能(デベロッパーツール)を使ってJavaScriptの動作確認を行う方法を解説します!
![](https://www11.a8.net/0.gif?a8mat=35UA5A+FRZJW2+3GWO+6EU6P)
ConsoleでJavaScriptの動作確認を行う方法
Google Chromeをインストールする
Google Chromeをまだお持ちでないという方は、こちらからインストールしてください。
コンソール画面を表示させる
![](https://onishi-noboru.com/wp-content/uploads/2020/08/スクリーンショット-2020-08-31-14.09.45-1.png)
Google Chromeを開きましょう。
![](https://onishi-noboru.com/wp-content/uploads/2020/08/スクリーンショット-2020-08-31-14.10.01.png)
画面を右クリックして、メニューから「検証」を選択します。
![](https://onishi-noboru.com/wp-content/uploads/2020/08/スクリーンショット-2020-08-31-14.10.13.png)
検証機能の画面が表示されるので、上の方にあるメニューから「Console」をクリックしましょう。
![](https://onishi-noboru.com/wp-content/uploads/2020/08/スクリーンショット-2020-08-31-14.10.16.png)
コンソール画面が開きます。
JavaScriptのコードを入力する
![](https://onishi-noboru.com/wp-content/uploads/2020/08/スクリーンショット-2020-08-31-14.11.24.png)
あとは、お好きなコードを入力してEnterキーを押せば、動作確認できます。
ここでは、「Console.log(“Hello, World”);」と入力してみました。
「Hello, World」と出力されていますね。
Chromeの検証機能を使えば、簡単にコードの動作確認ができるんだね!
最後に
今回の記事では、Google Chromeの検証機能(デベロッパーツール)を使ってJavaScriptの動作確認を行う方法を解説しました。
Chromeの検証機能は非常に便利なので、プログラミングの勉強をする際にはどんどん活用してみましょう!
最後まで読んでいただき、ありがとうございました!(o^^o)
![](https://www19.a8.net/0.gif?a8mat=35UA5A+FRZJW2+3GWO+6CWQP)
コメント