ショートカット

Sofia Emelianova
Sofia Emelianova
GitHub

設定] の順にタップします。 [設定] > [ショートカット] には、DevTools でフォーカスしているときにワークフローを高速化するために使用できるデフォルトのショートカットが一覧表示されます。

デフォルトのショートカットの一覧については、キーボード ショートカットをご覧ください。

Visual Studio Code のショートカットの代替手段。

ショートカットのカスタマイズ

キーボード ショートカットをカスタマイズするには:

  1. [設定] を開きます。

  2. [ショートカット] タブで、ショートカットのいずれかにカーソルを合わせ、編集] をクリックします。 [編集] ボタンをクリックします。

    ショートカットの編集。

  3. テキストバーにカーソルを置き、任意のキーの組み合わせ（コード）を押します。組み合わせがすでに使用されている場合は、DevTools によって通知されます。

    すでに使用されているコードショートカット。

  4. 新しい組み合わせを記録し、チェックします。 [確認] ボタンをクリックします。

    新しいショートカットを保存します。

変更を元に戻す、または削除するには、戻る。 [戻る] または 削除 [削除] をクリックします。

未割り当てのアクションにショートカットを追加する

デフォルトでは、DevTools は利用可能なすべてのアクションにショートカットを割り当てるわけではありません。

たとえば、ライトモードとダークモードの設定をキー入力で切り替えるには、設定] の順にタップします。 [設定] > [ショートカット] > [レンダリング] セクションで、ショートカットのカスタマイズの説明に沿って独自のショートカットを設定します。

キーボード ショートカットでライトモードとダークモードを切り替えます。

デフォルトのショートカットに戻す

デフォルトに戻すには、設定] の順にタップします。 [設定] > [ショートカット] タブの右下にある [デフォルトのショートカットを復元] をクリックします。

デフォルトのショートカットに戻す。