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

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

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

ライブ式を作成する

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

  1. コンソールを開きます。

  2. [ライブ表現を作成。 Create Live Expression] をクリックします。[Live Expression] テキスト ボックスが表示されます。

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

    [Live Expression] テキスト ボックスに「document.activeElement」と入力すると、

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

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

複数の式を追加する

複数の式を並行して固定するには、ライブ式を作成します。 [Create Live Expression] ボタンを必要な回数だけクリックします。

固定された式は一度に複数しか表示されませんが、式のリストをスクロールするとすべての式を表示できます。

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

式を削除する

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