これらは、Microsoft Edge DevTools の安定版リリースの最新機能です。
ビデオ: Microsoft Edge |DevTools 97 の新機能
デタッチされた要素ツールの概要
2025 年 3 月の更新: デタッチされた要素 ツールが削除されました。 DOM メモリ リークをデバッグするには、メモリ ツールでデタッチされた要素プロファイルの種類を使用します。
DOM ノードは、DOM の要素にアタッチされなくなったが、Microsoft Edge によってメモリに保持されている場合、 デタッチ されたと見なされます。 一部の JavaScript オブジェクトは、要素がページ上になくなったか、DOM の一部ではなくなったとしても、要素を参照しているため、ブラウザーはデタッチされた要素をガベージ コレクションできません。
新しい デタッチされた要素 機能は、ページ上のすべてのデタッチされた要素を検索して表示します。 デタッチされた要素を展開および折りたたみ、保持されている親ノードと子ノードを表示できます。 ブラウザーのガベージ コレクションをトリガーするには、[ガベージ コレクション] アイコンをクリックし、デタッチされた要素を ガベージ コレクションできないときにメモリ リークがあることを確認します。 デタッチされた要素を参照している JavaScript コードに移動するには、[分析] ボタンをクリックしてヒープスナップショットします。
デタッチされた要素機能は、最初は Microsoft Edge バージョン 93 の実験として使用されていました。 この機能は、Microsoft Edge バージョン 97 で既定で使用できるようになりました。
関連項目:
- 「メモリの問題を修正する」のデタッチされた要素を調査するためのツール。
- DOM メモリ リークのデバッグ ("デタッチされた要素" プロファイリングの種類)
- Microsoft Edge での Web 開発に関するビデオの Microsoft Edge デタッチされた要素ツールを使用して、メモリ リークをデバッグします。
Visual Studio Code 用 Microsoft Edge DevTools 拡張機能
この拡張機能の一般的な情報については、「 Visual Studio Code 用 Microsoft Edge DevTools 拡張機能」を参照してください。
Microsoft Edge のスクリーンキャストの機能強化、非推奨の警告、および新しい起動オプション
Visual Studio Code 用 Microsoft Edge DevTools 拡張機能の現在のバージョンでは、コミュニティによって報告されたいくつかの問題が修正されています。
スクリーンキャストのエミュレートされたデバイスの一覧が、ブラウザーのエミュレートされたデバイスの一覧と同じになりました。
デバイス エミュレーションで正しいユーザー エージェント文字列が追加され、正しい表示がトリガーされるようになりました。
Microsoft Edge の非推奨の起動バージョンを使用すると、機能が見逃されることを示す警告が表示されるようになりました。
特別なセットアップが必要な場合に備えて、起動したブラウザー インスタンスの引数を指定できるようになりました。
フォーカス モードの機能強化とバグ修正
初期のフィードバックのおかげで、Microsoft Edge DevTools 用の新しいフォーカス モード インターフェイスで改善とバグ修正を続けました。 フォーカス モードは、DevTools ウィンドウの上部または側面にツールをドッキングし、ツール バーから煩雑さを取り除くことができる新しい UI オプションです。
フォーカス モードを使用する場合、既存の DevTools UI と同じツールとカスタム テーマをすべて使用できます。 DevTools Settings>Experiments でフォーカス モードの実験を有効にして、自分でフォーカス モードを試してください。
3D ビュー ツールでは、DevTools での色のテーマの変更がサポートされています
以前のバージョンの Microsoft Edge では、DevTools でテーマを変更し、3D ビュー ツールを開くと、空白のパネルが作成されました。 この問題は、Microsoft Edge 97 で修正されました。
関連項目:
Chromium プロジェクトからのお知らせ
Microsoft Edge バージョン 97 には、Chromium プロジェクトからの次の更新プログラムも含まれています。