ショートカット

Sofia Emelianova

[設定] > [ショートカット] には、DevTools にフォーカスしているときに使用できるデフォルトのショートカットが表示されます。これにより、ワークフローを効率化できます。

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

重要なポイント: デフォルトのショートカットの代わりに、Visual Studio Code の代替ショートカットを使用できます。 [設定] > [ショートカット] > [プリセットからショートカットを照合] の順に選択し、Visual Studio Code を選択します。

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

注: これはプレビュー版のオプションです。有効にするには、 [設定] > [試験運用版] > [キーボード ショートカット エディタを有効にする] をオンにします。

キーボード ショートカットをカスタマイズする手順は、次のとおりです。

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

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

   

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

   

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

   キーポイント: 同義の組み合わせを追加するには、[ショートカットを追加] をクリックし、同様の方法で別のコードを録音します。

   

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

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

注: これはプレビュー版のオプションです。有効にするには、 [設定] > [試験運用版] > [キーボード ショートカット エディタを有効にする] をオンにします。

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

たとえば、キー操作でライトモードとダークモードの設定を切り替えるには、 [設定] > [ショートカット] > [レンダリング] セクションで、ショートカットをカスタマイズするで説明されているように独自のショートカットを設定します。

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

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