Google Chromeでコンソールを表示しJavaScriptを実行する

広告

Google Chrome でコンソールを表示する方法、およびコンソールで JavaScript のコードを実行する方法について解説します。

コンソールを表示する

Google Chrome を起動します。

コンソールを表示する(1)

Google Chrome でコンソールを表示するには画面右上のメニューアイコンをクリックし、表示されたメニューの中から「その他のツール」をクリックし、さらに「デベロッパーツール」をクリックしてください

コンソールを表示する(2)

画面下部にデベロッパーツールが表示されます。(画面右側に表示される場合もあります)。

コンソールを表示する(3)

※ デベロッパーツールはショートカットキーの Ctrl + Shift + I で表示することもできます。

「Console」メニューをクリックしてください。

コンソールを表示する(4)

コンソールが表示されます。

コンソールを表示する(5)

コンソールからJavaScriptのコードを実行する

コンソールでは簡単なコードを実行することができます。コードを入力したあと Enter キーを押すとすぐにコードが実行されます。

コンソールからJavaScriptのコードを実行する(1)

コンソールからJavaScriptのコードを実行する(2)

コンソールからJavaScriptのコードを実行する(3)

コンソールからJavaScriptのコードを実行する(4)

コンソールで複数行のコードを入力してから実行する

Google Chrome のコンソールでは Enter キーを押すとすぐにコードが実行されますが、コードを入力したあと Shift + Enter キーを押すとコードはすぐに実行されずに改行が行われます。複数行のコードを入力したあとでコードを実行したい場合に利用してください。

コードを入力したあと Shift + Enter キーを押すと改行が行わます。

コンソールで複数行のコードを入力してから実行する(1)

コンソールで複数行のコードを入力してから実行する(2)

同じ手順でコードを入力していきます。コードの入力が終わったら Enter キーを押してください。JavaScript のコードが実行されます。

コンソールで複数行のコードを入力してから実行する(1)

コンソールで複数行のコードを入力してから実行する(2)

-- --

Google Chrome でコンソールを表示する方法、およびコンソールで JavaScript のコードを実行する方法について解説しました。

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。