DevTools の新機能 (Microsoft Edge 105)

これらは、Microsoft Edge DevTools の安定版リリースの最新機能です。

ビデオ: DevTools 105 の新機能

アプリケーションツールから PWA のプロトコルハンドラーをテストする

Microsoft Edge 105 では、 アプリケーション ツールでプロトコルハンドラーのテストがサポートされるようになりました。 Microsoft Edge 96 以降、プログレッシブ Web アプリ (PWA) のアプリケーションマニフェストでプロトコルハンドラーを定義できました。これで、PWA がインストールされている場合は、DevTools の アプリケーション ツール自体からこれらのプロトコルをテストできます。

PWA に対して DevTools が開いている場合:

アプリケーション ツールを開きます。
左側で、[ アプリケーション>Manifest>Protocol Handlers] を展開して選択します。
[ プロトコルハンドラー] ページの [ プロトコルハンドラー ] ドロップダウンリストで、テストするプロトコルを選択します。
テキストボックスに、テストする URL またはエンドポイントを入力します。
[ プロトコルのテスト ] ボタンをクリックします。

アプリケーション ツールは、指定したプロトコルと URL を使用して PWA の起動を試みます。ブラウザーは、アプリケーションを開くアクセス許可を求め、起動するプロトコルとアプリを処理することを確認するように求められます。アクセス許可を付与すると、指定したコンテンツでアプリが開きます。

プロトコルハンドラー

関連項目:

ネットワークコンソールツールでネットワーク要求の編集と再送信をより確実に行う

以前の Microsoft Edge では、ネットワークツールからネットワーク要求の 編集と再送信 を選択しても、 ネットワークコンソール ツールが確実に開かず、要求の値が事前に設定されている可能性があります。

Microsoft Edge 105 では、この問題は従来の DevTools UI で修正されています。この問題は、今後のリリースでフォーカスモード DevTools UI でも修正される予定です。 [編集と再送信 ] で、再送信するネットワーク要求の値が ネットワークコンソール ツールに事前設定されるようになりました。 ネットワークコンソール ツールから要求を送信する前に、引き続きこれらの値を変更できます。この問題に関するフィードバックをお寄せいただきありがとうございます。

変更して再送信するネットワーク要求を右クリックし、[編集] と [ 再送信] を選択します。

編集と再送信

ネットワークコンソールで、ネットワーク要求情報を編集し、[送信] ボタンをクリックします。

ネットワークコンソールの編集と送信

関連項目:

Composeのネットワークツール内からネットワークコンソールツールを開き、ネットワークコンソールツールを使用して Web API 要求を送信します。

フォーカスモード: DevTools、アクティビティバー、クイックビューの場所コントロールが改善されました

Microsoft Edge 105 では、 クイックビュー パネルの向きを変更するための新しいオプションなど、場所コントロールにいくつかの機能強化が行われています。

DevTools のカスタマイズと制御 (...) メニューに、サブメニューを開く必要なく、DevTools のドッキング場所を設定するボタンが直接含まれるようになりました。 [Dock location]\(場所のドッキング\) アイコンのコントラストが向上し、現在選択されている [場所のドッキング] ボタンが強調表示されるようになりました。

このメニューには、サブメニューを使用するのではなく、 アクティビティバー が表示される場所を設定して示すボタンも直接含まれるようになりました。

以前のバージョンの Microsoft Edge でのフォーカスモードでのドッキング場所の選択: