こんにちは、さち です。
先日、ちょっとした JavaScript のテストをしたくて、Firefox の開発ツールにある「コンソール」を使っていました。
ただ、「コンソール」は、コードを1行入力するとすぐに実行する仕様。複数行のコードをテストしたい時には少し不便です。
普通のコードエディターのように、複数行入力する方法ってないの?
コードが1行ずつ実行される
- Firefox でこのブログを開きます。
- 開発ツール(Ctrl + Shift + I キー)の「コンソール」を開いて、このような JavaScript を実行して、サイト名を取得して表示してみます。
let elm = document.querySelector('title'); let text = '【サイト名】' + elm.innerText; console.log(text);
- 「コンソール」は基本的に1行ずつ実行するスタイルなので、こんな感じになります。1行毎にレスポンスが返ってくるので、正直見にくいです。
マルチラインモードを使う
- 開発ツール(Ctrl + Shift + I キー)の「コンソール」を開きます。
- 右端にある「マルチラインモード」ボタンをクリックします。(入力状態にして Ctrl + B キーでもOK)
- コードエディターのように複数行を記述できるようになりました。
- 左上にある「実行」ボタンをクリックします。(Ctrl + Enter キーでもOK)
- 実行結果が、右側のエリアに表示されます。
ちなみに、あまりおすすめしませんが、「マルチラインモード」でない場合でも、Shift + Enter キーを押すことで複数行にできます。
コメント