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

Sofia Emelianova
Sofia Emelianova
GitHub

DevTools で迷ったときは、詳しくは、以下をご覧ください。

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

実際のヒントを動画でご覧になるか、以下のハイライトをご覧ください。

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

    引き出し。

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

    他のドロワータブを開くその他のツールボタン。

  • DevTools のパネルとドロワーのタブを並べ替えたり、ドロワーとの間で上下に動かして組み合わせる。

  • 場所を忘れても、コマンド メニューを使用して、検索、コマンドの実行、設定の切り替え、パネルやタブを開くことができます。

    DevTools のコマンド メニュー。

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

  • DevTools のショートカットをカスタマイズします。設定] の順にタップします。 [設定] > [テスト] > [キーボード ショートカット エディタを有効にする] をご確認ください。

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

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

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