これらは、Microsoft Edge の Stable リリースの最新の DevTools 機能です。
ビデオ: DevTools 110 の新機能
メモリ ツールでのヒープ スナップショットの作成が高速になりました
以前のバージョンの Microsoft Edge では、 メモリ ツールで (1 GB を超える) 大きなヒープ スナップショットを生成するのに、Web サイトまたはアプリのサイズとメモリに格納された要素の数に応じて、2 分から 15 分かかる場合があります。
Microsoft Edge 110 では、 メモリ ツールによるヒープ スナップショットの取得が 70% から 86% 高速になりました。 大きなヒープ スナップショットの場合、速度が最大で向上しています。 ヒープ スナップショットの作成がはるかに高速になったことに気付いた場合は、[ フィードバック] メモリ ツールでのヒープ スナップショットの作成が高速になりました #131 にフィードバックを残してください。
関連項目:
フォーカス モードでアクティビティ バーとクイック ビューの間でツールをより簡単に移動する
Microsoft Edge 110 には、DevTools のフォーカス モードに対するさまざまな機能強化が含まれています。 次の変更により、 アクティビティ バー と クイック ビュー パネルを簡単にカスタマイズして、現在関心のあるツールのみを表示できます。
ツールを移動すると、右クリック メニューに移動先のツールバーの現在の配置が表示されます
クイック ビュー パネルとアクティビティ バーの間でツールを移動するための右クリック メニュー コマンドに、次のような移動先ツールバーの配置が示されるようになりました。
- 下へ移動 クイック ビュー
- 横に移動 クイック ビュー
- 一番上へ移動 アクティビティ バー
- 左に移動 アクティビティ バー
更新日: 垂直アクティビティ バーは、Microsoft Edge 144 以降のバージョンではサポートされなくなりました。
![[下へ移動クイック ビュー] を示す右クリック メニュー](devtools-110-images/move-to-bottom-quick-view.png)
ツール バーのツールのタブの上に右クリック メニューが表示されなくなりました
アクティビティ バーとクイック ビュー ツールバーの間でツールを移動するための右クリック メニューで、ツール バーでツールの名前が隠されなくなりました。
たとえば、[クイック ビュー] ツール バーでツールのタブを右クリックしても、ネットワーク条件ツール名は表示されたままになります。
別の例として、アクティビティ バーでツールのタブを右クリックしても、ネットワーク ツール名は表示されたままになります。
アクティビティ バーまたはクイック ビューの間でツールを移動すると、フォーカスが保持されます
キーボード ショートカットと支援技術ユーザーの場合、現在選択されているツールを一方のツールバーから別のツールバーに移動した場合、またはツールバーからツールを削除すると、フォーカスが アクティビティ バー または クイック ビュー ツールバーに保持されます。
たとえば、ネットワーク ツールをクイック ビュー ツールバーに移動したときにクイック ビュー ツールバーの [ネットワーク] タブを右クリックしたとします。
その後、[クイック ビューから削除] を選択すると、フォーカスはクイック ビュー ツール バーに残り、クイック ビュー ツール バーの次のツールであるネットワーク条件ツールに移動します。
テーマのアクセシビリティの向上、場所のカスタマイズ、[その他のツール] ボタン
次のアクセシビリティの問題が修正され、スクリーン リーダーやキーボード ショートカットなどの支援技術を DevTools で簡単に使用できるようになりました。
[その他のツール] メニューが展開されると、スクリーン リーダーが正しく報告するようになりました
以前のバージョンの Microsoft Edge では、スクリーン リーダーで、[その他のツール] メニューが実際に展開されているときに、[その他のツール] (
) ボタンが折りたたまれていることが報告されていました。 Microsoft Edge 110 では、この問題が修正されています。
その他の ツール () メニューを展開すると、スクリーン リーダーは正しく報告するようになりました。
![フォーカス モードの [その他のツール] メニュー](devtools-110-images/a11y-focus-mode-more-tools.png)
キーボードを使用してドックの場所とアクティビティ バーの場所を変更する
以前のバージョンの Microsoft Edge のフォーカス モードでは、キーボードを使用して ドックの場所 または アクティビティ バーの場所 を変更できませんでした。 Microsoft Edge 110 では、この問題が修正されています。
フォーカス モードでは、方向キーを使用して、DevTools (
) メニューのカスタマイズと制御からドックの場所とアクティビティ バーの場所を変更できるようになりました。
スクリーン リーダーは、テーマをスクロールするときに現在選択されているテーマを読み上げます
以前のバージョンの Microsoft Edge では、DevTools のテーマの一覧をスクロールするときに、スクリーン リーダーはテーマが選択されているかどうかを読み上げませんでした。 Microsoft Edge 110 では、この問題が修正されています。
スクリーン リーダーは、[ DevTools のカスタマイズと制御 ] () メニューでテーマ間を移動しているときに、現在選択されているテーマを通知するようになりました。
関連項目:
ネットワーク、コンソール、問題、およびソース ツールでは、コントラスト テーマのサポートが改善されました
Microsoft Edge 110 の DevTools では、Windows コントラスト テーマのサポートが向上しました。 ネットワーク、本体、問題、ソース ツールがすべて改善され、コントラスト テーマでツールが正しくレンダリングされるようになりました。
Windows の砂漠のコントラストのテーマを適用した問題ツールでは、特定の問題にフォーカスを置くと、問題の詳細が無地の背景に表示されるため、テキストが読みにくくなりました。 Microsoft Edge 110 では、無地の背景の代わりにアウトラインを使用することで、この問題が修正されました。
Windows で砂漠のコントラストのテーマが適用されているネットワーク ツールで、特定の要求を選択すると、要求のテキストとアイコンが見えにくくなりました。 Microsoft Edge 110 では、この問題が修正されました:
関連項目:
Chromium プロジェクトからのお知らせ
Microsoft Edge 110 には、Chromium プロジェクトからの次の更新プログラムも含まれています。
- 再読み込み時にパフォーマンス パネルをクリアする
- 自動インプレース プリティ出力
- Vue、SCSS などの構文強調表示とインライン プレビューの改善
- コンソールでの人間工学的で一貫性のあるオートコンプリート