Live Expressions を使用して JavaScript 値をリアルタイムで確認する

Kayce Basques 氏
Kayce Basques
ソフィア・エメリアノバ
Sofia Emelianova

コンソールで同じ JavaScript 式を繰り返し入力する場合は、Live Expression を作成する方が簡単な場合があります。[Live Expressions] では、式を 1 回入力してからコンソールの上部に固定できます。式の値はほぼリアルタイムで更新されます。

生の表現を作成する

コンソールの上部に式を固定するには:

  1. コンソールを開きます
  2. [自然な表情を作る。 Create Live Expression] をクリックします。[Live Expression] テキスト ボックスが表示されます。

  3. テキスト ボックスに式を入力します。たとえば、ライブ式を使用して要素のフォーカスを追跡できます。

    [Live Expression] テキスト ボックスに document.activeElement を入力する。

  4. Enter キーを押して式を保存するか、[Live Expression] テキスト ボックスの外側をクリックします。

固定された式の下に表示される値が結果です。結果は 250 ミリ秒ごとに更新されます。

複数の式を追加する

複数の式を同時に固定するには、生の表現を作り出す。 [Create Live Expression] ボタンを必要な回数だけクリックします。

一度に表示できる固定式は複数のみですが、式のリストをスクロールすると、すべての式を表示できます。

固定された式のリストをスクロールします。

式を削除

式を削除するには、その式の横にある 閉じるボタン。 [閉じる] ボタンをクリックします。