DevTools の新しいコマンド メニューと、超高速ワークフローを可能にする 60 を超えるアクションについての記事をご覧ください。
Cmd/Ctrl+Shift+P キーを押してコマンド メニューを表示する
[ソース] パネルで Cmd + P（または Ctrl + P）を押すと表示される [ファイルに移動] ダイアログはあまり知られていませんが、しばらく前から存在しています。今回は、それ以上の機能を備えた、テキスト エディタにインスパイアされたコマンド メニューを開発しました。このメニューでは、DevTools のほぼすべての重要な操作を実行できます。
任意の場所で Cmd + Shift + P（または Ctrl + Shift + P）を押してコマンド メニューを表示し、入力してフィルタし、Enter を押してアクションをトリガーします（ページにフォーカスが当たっている場合でも）。試すことができるアクションの例をいくつかご紹介します。
- 外観: ダークモードに切り替える
- DevTools: 下部に固定
- モバイル: デバイスを検査...
- ネットワーク: オフラインに切り替える
新しいコマンド メニューを使用すると、DevTools 全体で新しい設定やアクションをすばやくナビゲートして見つけることができます。
以前はショートカットに関連付けられていた、従来の [メンバーに移動] ダイアログをお探しですか？引き続き使用できます。今後は Cmd + Shift + O（または Ctrl + Shift + O）を押してください。
HTML のプリティ プリント
ソースパネルには、JS ソースと CSS ソースの美しい表示が組み込まれていましたが、このたび、HTML の美しい表示をサポートするように拡張されました。ぜひお試しください。HTML の再フォーマットだけでなく、HTML 内の JavaScript と CSS も再フォーマットされます。
いつものように、Twitter または以下のコメント欄からご意見をお寄せください。バグは crbug.com/new に送信してください。
来月までPaul Bakaus と DevTools チーム