DevTools のヒント: DevTools の迅速なナビゲーション

Sofia Emelianova

DevTools で迷子になった場合は、学習内容:

• よく使うパネルやタブをドロワーにペア設定します。
• パネルやオプションの場所がわからなくても、コマンド メニューからアクセスできます。
• 自動レイアウト変更を無効にする。
• DevTools 固有のショートカットをカスタマイズして、好みに合うようにします。

これらのヒントを実践する様子を動画でご覧になるか、要点を以下にまとめた記事をご覧ください。

• Esc キーを押してドロワーを開いたり閉じたりします。

  

• [その他のツール] をクリックして、他のドロワー タブを開きます。

  

• DevTools パネルと [Drawer] タブを並べ替え、[Drawer] との間で上下に移動して組み合わせることができます。

• コマンド メニューを使用すると、コマンドの検索、実行、設定の切り替え、パネルやタブの開く場所を忘れた場合でも、簡単に操作できます。

  

• DevTools のレイアウトを auto から常に horizontal または vertical に変更。

• DevTools のショートカットをカスタマイズします。 [設定] > [試験運用版] > [キーボード ショートカット エディタを有効にする] をオンにします。

  

より実践的な学習については、DevTools のカスタマイズのチュートリアルをご覧ください。

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

• キーボード ショートカット リファレンス
• コマンド メニューでコマンドを実行する
• DevTools の配置を変更する
• ダークモードを有効にする