これらは、Microsoft Edge の Stable リリースの最新の DevTools 機能です。
メモリ ツールでイベント ハンドラーによって保持されているオブジェクトを表示する
メモリ ツールで、イベント ハンドラーによって保持されているヒープ スナップショット オブジェクトを識別するには、[フィルター] ドロップダウン リストで、新しい [イベント ハンドラーによって保持されるオブジェクト] リスト項目を使用します。
例:
新しいタブまたはウィンドウで To Do アプリ に移動する。
Web ページを右クリックし、[ 検査] を選択します。
DevTools が開きます。
メモリ (
) ツールを選択します。[スナップショットの作成] ボタンをクリックします。
[ フィルター] ドロップダウン リストで、[ すべてのオブジェクト] の代わりに、[ イベント ハンドラーによって保持されたオブジェクト] を選択します。
テーブル内のオブジェクトのリストが短くなります。
[イベント ハンドラーによって保持されるオブジェクト] フィルターを使用すると、コンポーネントが addEventListener を呼び出したが、その後 removeEventListener を呼び出さない場合など、イベント リスナーに関連するメモリ リークのデバッグが容易になります。
関連項目:
- メモリの問題を修正する - DevTools メモリ ツール。
パフォーマンス トレースのエクスポート オプションを更新しました
パフォーマンス トレースをエクスポートするときに、以下を含めることができます。
- 注釈。
- リソース コンテンツ (HTML、CSS、JavaScript コンテンツ)。
- スクリプト ソース マップ。
トレース ファイルを圧縮するかどうかも選択できます。
この追加データを含むトレースをエクスポートすると、デバッグのためにトレースを他のユーザーと共有する場合に便利です。
関連項目:
アクティビティ バーは常に水平方向に表示されます
今後の変更:
Microsoft Edge 144 以降では、 アクティビティ バー は常に DevTools ウィンドウの上部に水平方向に表示されます。 アクティビティ バーの垂直方向の表示はサポートされなくなります。
Chromium プロジェクトからのお知らせ
Microsoft Edge 143 には、Chromium プロジェクトからの次の更新プログラムも含まれています。