DevTools の新機能 (Microsoft Edge 104)

Microsoft Edge DevTools の最新機能と Microsoft Visual Studio Code および Visual Studio 用の Microsoft Edge DevTools 拡張機能を確認するには、これらのお知らせをお読みください。

最新の状態を維持し、最新の DevTools 機能を入手するには、Insiders プレビュー バージョンの Microsoft Edge をダウンロードしてください。 Windows、Linux、macOS のいずれを使用している場合でも、既定の開発ブラウザーとして Canary (または別のプレビュー チャネル) を使用することを検討してください。 Microsoft Edge のベータ版、開発版、カナリア版は、Microsoft Edge の安定したリリースバージョンと並べて、個別のアプリとして実行されます。 「Microsoft Edge Insider Channels」を参照してください。

最新のお知らせについては、 Twitter の Microsoft Edge チームに従ってください。 DevTools に関する問題を報告したり、新機能を要求したりするには、 MicrosoftEdge/DevTools リポジトリに問題を提出します。

ビデオ: DevTools 104 の新機能

ビデオのサムネイル画像

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

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

[3D ビュー] ツールの [複合レイヤー] ビューには、[レイヤー] ツールから好きなすべての機能と一部の更新プログラムが含まれています。 複合レイヤー ビューは、DOMZ-index という他の 2 つのビジュアル デバッグ ウィンドウで補完されるようになりました。 デバッグを改善するために、これらの追加のビュー を複合レイヤー ビューと組み合わせます。

3D ビュー ツールの [複合レイヤー] タブ

関連項目:

Issue ツールでは、長い要求 URL が短縮されました

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

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

以前のバージョンの Microsoft Edge では、

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

Microsoft Edge バージョン 104 では、次の手順を実行します。

垂直領域を節約するために URL が切り捨てられている問題ツール

関連項目:

デタッチされた要素ツールのアクセシビリティの向上

以前のバージョンの Microsoft Edge では、デタッチされた要素ツールでデタッチされた要素のテーブルを選択すると、支援テクノロジによって "Table" と行と列の数のみが発表 されました 。 Microsoft Edge バージョン 104 では、この問題は修正されました。 デタッチされた要素ツールでデタッチされた要素のテーブルを選択すると、支援テクノロジによって "デタッチされた要素リスト、テーブル" と行と列の数が読み上げられます。

デタッチされた要素リスト、テーブル、5 行、3 列

関連項目:

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

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

  • 緑色の上矢印 (緑の上矢印) は、クライアントによって送信されたメッセージを表します。
  • 赤い下矢印 (赤い下向き矢印) は、サーバーから送信されたメッセージを表します。

ネットワーク ツール

関連項目:

Chromium プロジェクトからのお知らせ

Microsoft Edge 104 には、Chromium プロジェクトからの次の更新プログラムも含まれています。