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

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

(Last modified: 2024-09-05)

コンソールを表示する

Google Chrome を起動します。

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

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

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

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

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

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

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

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

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

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

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

-- --

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