DevTools のヒント: スニペットとライブ式

Sofia Emelianova
Sofia Emelianova

DevTools のスニペットを使用して頻繁に使用するコードを実行し、ライブ式を使用して JavaScript 値をリアルタイムで監視します。

次の方法について動画をご覧ください。

  • スニペットを作成するか、[スニペット] ペインを開きます。

  • 新しいスニペットを実行します。

  • スニペットに値を渡します。

    1. ブレークポイントで一時停止します。
    2. [ソース] > [スコープ] ペインで値を設定します。
    3. 実行を再開します。
  • コンソールからスニペットを実行します。スニペットをグローバル関数として読み込み、1 回実行します。

  • スニペットで Console Utilities API を使用します。

  • [Console] > [Live Expressions] を使用します。

    • デバッグ セッション中などに、繰り返し実行するコードを実行するため。
    • 実行中に値がどのように変化するかをリアルタイムに確認する。

詳しくは、次をご覧ください。