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

Sofia Emelianova
Sofia Emelianova
GitHub

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

動画で次の方法を学びます。

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

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

    • [ソース] で Command / Control + Enter キーのショートカットを使用する
    • コマンド メニューから ! を使用します。

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

    1. ブレークポイントで一時停止します。
    2. [ソース] > [スコープ] ペインで値を設定します。
    3. 実行を再開します。

  • コンソールからスニペットを実行する: グローバル関数として読み込み、1 回実行します。

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

  • コンソール > [ライブ式] を使用します。

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

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