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

広告

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

コンソールを表示する

Firefox を起動します。

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

Firefox でコンソールを表示するには画面右上のメニューアイコンをクリックし、表示されたメニューの中から「ウェブ開発」をクリックしてください。

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

次の画面で「ウェブコンソール」をクリックしてください。

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

※ ウェブコンソールはショートカットキーの Ctrl + Shift + K で表示することもできます。

画面下部に「ウェブコンソール」が表示されます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

マルチラインモードでコンソールからJavaScriptのコードを実行する

FireFoxはデフォルトでインラインモードとなっていますが、次のアイコンをクリックするとマルチラインモードに切り替えて利用することができます。

マルチラインモードでコンソールからJavaScriptのコードを実行する(1)

マルチラインモードでコンソールからJavaScriptのコードを実行する(2)

※ ショートカットキーの Ctrl + B を押すことでインラインモードとマルチラインモードを交互に切り替えることができます。

マルチラインモードではコードを入力したあと Enter キーを押すと改行が行わます。

マルチラインモードでコンソールからJavaScriptのコードを実行する(3)

マルチラインモードでコンソールからJavaScriptのコードを実行する(4)

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

マルチラインモードでコンソールからJavaScriptのコードを実行する(5)

マルチラインモードでコンソールからJavaScriptのコードを実行する(6)

-- --

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

( Written by Tatsuo Ikura )

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

著者 / TATSUO IKURA

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