DevTools の新機能 (Microsoft Edge 104)

これらは、Microsoft Edge の Stable リリースの最新の DevTools 機能です。

ビデオ: DevTools 104 の新機能

3D ビューでレイヤーを使用する

スタンドアロン のレイヤー ツールは、Microsoft Edge バージョン 104 で削除されました。以前のバージョンの Microsoft Edge では、 レイヤー ツールはユーザーを 3D ビュー ツールにリダイレクトしていました。

3D ビュー ツールの [コンポジットレイヤー] ビューには、いくつかの更新と共にレイヤーツールのすべての機能が含まれています。 [コンポジットレイヤー] ビューは、他の 2 つのビジュアルデバッグウィンドウ (DOM と Z インデックス) によって補完されるようになりました。これらの追加のビューを [ 複合レイヤー ] ビューと組み合わせると、デバッグが向上します。

3D ビューツールの [コンポジットレイヤー] タブ

関連項目:

[問題] ツールで、長い要求 URL が短縮されている

問題ツールは、Web ページのアクセシビリティ、パフォーマンス、セキュリティなどを改善するための推奨事項を提供します。これらの推奨事項には、 ネットワーク ツールで開くネットワーク要求へのリンクが含まれます。

以前は、ネットワーク要求に関連する問題には、ネットワーク要求の URL 全体が表示されていました。これらの URL が長いと、多くのスペースが占有され、問題のリストを参照することが困難になりました。 Microsoft Edge 104 では、これらの長い要求 URL リンクは、占有領域を減らすために切り捨てられています。リンクは引き続き 、ネットワーク ツールの関連部分に直接直結します。

以前のバージョンの Microsoft Edge の場合:

問題ツールに長い URL が表示され、問題エントリが高すぎる

Microsoft Edge バージョン 104 の場合:

縦方向のスペースを節約するために切り詰められた URL を示す問題ツール

関連項目:

問題ツールを使用して問題を検索して修正する

[切断された要素] ツールのアクセシビリティの向上

2025 年 3 月の更新: 切断された要素ツール が削除されました。 DOM メモリリークをデバッグするには、メモリ ツールで Detached elements プロファイリングの種類を使用します。

以前のバージョンの Microsoft Edge では、切断 された要素 機能で切り離された要素のテーブルを選択すると、支援技術は "テーブル" と行数と列数のみを発表しました。 Microsoft Edge バージョン 104 では、この問題が修正されています。 切り離された要素機能で切り離された要素の表を選択すると、支援技術によって "切り離された要素の一覧、表" と行数と列数が読み上げられるようになりました。

切り離された要素リスト、テーブル、5 行、3 列

関連項目:

メモリの問題を修正するで切断された要素を調査するためのツール。
支援技術を使用して DevTools に移動する

修正: Web ソケットトラフィックを表す矢印がネットワークツールで正しくレンダリングされるようになりました

以前のバージョンの Microsoft Edge では、ネットワークツールで Web ソケットのトラフィックを検査するときに、メッセージがクライアントまたはサーバーのどちらから送信されたかを表す矢印が正しくレンダリングされませんでした。 Microsoft Edge 104 では、この問題が修正されています。この問題に関するフィードバックをお送りいただきありがとうございます。