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

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

(Last modified: )

コンソールを表示する

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 )

プロフィール画像

著者 / TATSUO IKURA

これから IT 関連の知識を学ばれる方を対象に、色々な言語でのプログラミング方法や関連する技術、開発環境構築などに関する解説サイトを運営しています。