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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

    引き出し。

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

    その他のツールボタン: 他のドロワータブを開きます。

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

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

    DevTools コマンド メニュー。

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

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

    [設定] でショートカットを編集する。

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

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