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