【Google Chrome】開発者ツールでJavaScriptを実行する方法

【Google Chrome】開発者ツールでJavaScriptを実行する方法

Google Chromeの開発者ツールを利用して、JavaScriptのコードを実行する方法を紹介します。

Google Chromeの開発者ツールを利用して、JavaScriptのコードを実行する方法を紹介します。

開発者ツール起動

Google Chromeを開き、「…>その他のツール>デベロッパーツール(Ctrl+Shift+I)」を選択します。

alt text

開発者ツールが起動します。

alt text

Console実行

Consoleへ切り替えます。

alt text

試しにJavaScriptでこんにちはを出力してみます。

console.log('こんにちは。')

こんにちはが出力されることを確認できました。

alt text

次に1~9の合計を出力してみます。
※1行目入力後、Shift+Enterを押下することで、2行目以降を1度に入力することができます。

let num = 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9;
console.log(num);

45が出力されることを確認できました。

alt text


以上で本記事の解説を終わります。
よいITライフを!
Scroll to Top