これらは、Microsoft Edge DevTools の安定版リリースの最新機能です。
postMessage イベントとハンドラーは、他のイベントと区別されます
新しい実験パフォーマンス パネル: postMessage ディスパッチと処理フローを表示すると、パフォーマンス ツールの Main セクションが改善され、postMessage メソッドによってトリガーされるイベントをパフォーマンス ツールに表示される他のイベントと区別することで、postMessageイベントとハンドラーをすばやく識別できます。 この実験は、アプリケーションのさまざまなスレッド間でのメッセージの投稿に関連するパフォーマンスの問題を調査し、ウィンドウ、iframe、および専用ワーカー間のメッセージを表示するのに役立ちます。
この実験がないと、アプリケーションのスレッド間でメッセージをディスパッチして処理することによってトリガーされるイベントは、汎用スクリプト関数呼び出しイベントとして表示されます。 この実験を有効にした場合:
-
postMessageディスパッチ イベントは 、postMessage のスケジュールとして表示されます。 -
postMessageハンドラー イベントは 、On Message として表示されます。
この実験は、 postMessage 呼び出しがいつ発生したか、および postMessage ハンドラーが開始されるまでにメッセージがキューに入れられていた時間を調査するのに役立ちます。 ディスパッチ イベントは、いずれかの種類のイベントをクリックしたときに表示されるイニシエーター矢印によってハンドラー イベントにリンクされます。
この機能を使用するには、DevTools で [ DevTools のカスタマイズと制御 ] ([
) >Settings>Experiments を選択し、[パフォーマンス] パネルのチェック ボックスをオン にします。postMessage ディスパッチと処理フローを表示し、[ 閉じる (X)] ボタンをクリックし、[ DevTools の再読み込み ] ボタンをクリックします。
関連項目:
- パフォーマンス機能リファレンスで、ウィンドウ、iframe、および専用ワーカー間のメッセージを表示します。
- postMessage トレース イベントのデモ (レンダリング)
- postMessage トレース イベントのデモ (ソース コード)
アクティビティ バーを右クリックして、タブを左または右に移動する
Microsoft Edge 124 より前では、 アクティビティ バー のタブをドラッグするだけで並べ替えることができます。 これは、トラックボールやヘッド ポインターなどの入力デバイスを使用しているユーザーにとっては困難な場合があります。 タブを右クリックし、[左に移動] または [右に移動] を選択して、タブを左右に移動することもできます。
関連項目:
- DevTools の概要のアクティビティ バーにツールをピン留めして並べ替えます。
[ネットワーク] タブには、オーバーライドまたは調整を使用する場合の警告アイコンが表示されます
オーバーライドまたは調整を使用している場合、最近のリリースで [ネットワーク ツール] タブに警告アイコンが表示されなくなりました。 この問題は修正されています。 ソース ツールでローカルオーバーライドを有効にすると、[ネットワーク] タブに警告アイコンが表示されるようになりました。
また、 ネットワーク ツールで調整を有効にすると、[ ネットワーク ] タブに警告アイコンが表示されるようになります。
関連項目:
- ローカル コピーを使用して Web ページ リソースをオーバーライドする ([オーバーライド] タブ)
- ネットワーク機能リファレンスで低速ネットワーク接続をエミュレートします。
Chromium プロジェクトからのお知らせ
Microsoft Edge 124 には、Chromium プロジェクトからの次の更新プログラムも含まれています。
- [新しいオートフィル] パネル
- WebRTC の強化されたネットワーク調整
- [アニメーション] パネルでのスクロール ドリブン アニメーションのサポート
- 要素 > スタイルでの CSS の入れ子のサポートの強化
- [パフォーマンスの強化] パネル
- メモリ > ヒープ スナップショットの特殊なカテゴリのヒント
- アプリケーション > Storage の更新プログラム
- カバレッジ パネルの機能強化
- JavaScript Profiler の非推奨: フェーズ 4、最終