![見出し画像](https://assets.st-note.com/production/uploads/images/80453273/rectangle_large_type_2_82dc09f6797bc657b27949665143de18.png?width=800)
【JavaScript】デバッグのやり方【Chromeブラウザ】
Chromeブラウザを使う場合
![](https://assets.st-note.com/img/1654934042097-sSCbHsiN06.png)
まず、Chromeブラウザを立ち上げます。
コンソールログを出せるブラウザはいろいろありますが、ここではChromeを紹介ます。
Chromeブラウザ上で右クリックをしメニューを出す
![](https://assets.st-note.com/img/1654934051522-XDCMPAwItM.png)
右クリックをすると、画像の赤枠「検証」のメニューが出てくるのでクリックします。
検証画面がポップアップまたは、ブラウザ上に出てきます
検証画面が出てきたら、メニューバーにある「コンソール」のボタンをクリックします。
![](https://assets.st-note.com/img/1654934066371-2fAS0R1f4M.png?width=800)
ソースに入れた「console.log();」のデータが表示
あらかじめ、ソースに仕組んである「console.log();」のデバッグログが表示されていたらOKです。
![](https://assets.st-note.com/img/1654934075404-mF6GWnoPrz.png?width=800)
もっと、JavaScriptを学びたい人はこの本がおすすめです!
#プログラミング #web開発 #プログラミング初心者 #JavaScript #javascript入門 #javascript初心者 #javascript
この記事が気に入ったらサポートをしてみませんか?