これらは、Microsoft Edge の Stable リリースの最新の DevTools 機能です。
ビデオ: DevTools 105 の新機能
アプリケーション ツールから PWA のプロトコル ハンドラーをテストする
Microsoft Edge 105 では、 アプリケーション ツールでプロトコル ハンドラーのテストがサポートされるようになりました。 Microsoft Edge 96 以降、プログレッシブ Web アプリ (PWA) のアプリケーション マニフェストでプロトコル ハンドラーを定義することができました。 これで、PWA がインストールされている場合は、DevTools の アプリケーション ツール自体からこれらのプロトコルをテストできます。
PWA 用に DevTools を開いた状態:
- アプリケーション ツールを開きます。
- 左側の [ アプリケーション>マニフェスト>プロトコル ハンドラー] を展開して選択します。
- [ プロトコル ハンドラ ] ページの [プロトコル ハンドラ] ドロップダウン リストで、テストするプロトコルを選択します。
- テキスト ボックスに、テストする URL またはエンドポイントを入力します。
- [ Test protocol ] ボタンをクリックします。
アプリケーション ツールは、指定したプロトコルと URL を使用して PWA の起動を試みます。 ブラウザーはアプリケーションを開くためのアクセス許可を求め、起動するプロトコルとアプリを処理するかどうかを確認するように求めます。 アクセス許可を付与すると、指定したコンテンツでアプリが開きます。
関連項目:
ネットワーク コンソール ツールでネットワーク要求をより確実に編集および再送信する
以前は Microsoft Edge で、ネットワーク ツールからのネットワーク要求に対して [編集して再送信 ] を選択しても、 ネットワーク コンソール ツールが確実に開き、要求の値が事前に入力されていない可能性があります。
Microsoft Edge 105 では、この問題は従来の DevTools UI で修正されています。 この問題は、将来のリリースのフォーカス モード DevTools UI でも修正される予定です。 編集して再送信 すると、再送信するネットワーク要求の値がネットワーク コンソール ツールに事前に入力されるようになりました。 ネットワーク コンソール ツールから要求を送信する前に、引き続きこれらの値を変更してください。 この問題に関するフィードバックをお送りいただきありがとうございます。
変更して再送信するネットワーク要求を右クリックし、[ 編集して再送信] を選択します。
ネットワーク コンソールで、ネットワーク要求情報を編集し、[送信] ボタンをクリックします。
関連項目:
- ネットワーク コンソール ツールを使用して、Compose のネットワーク ツール内からネットワーク コンソール ツールを開き、Web API リクエストを送信します。
フォーカス モード: DevTools、アクティビティ バー、クイック ビューの位置制御が改善されました
Microsoft Edge 105 では、[ クイック ビュー ] パネルの向きを変更するための新しいオプションなど、位置情報コントロールにいくつかの改善が加えられました。
[DevTools のカスタマイズと制御] メニューには、サブメニューを開く必要なく、DevTools のドッキング位置を設定するためのボタンが直接含まれるようになりました。 ドック位置アイコンのコントラストが高くなり、現在選択されている [ドック位置] ボタンが強調表示されるようになりました。
このメニューには、サブメニューを使用するのではなく、 アクティビティ バー が表示される場所を設定して示すボタンも直接含まれるようになりました。
更新日: 垂直アクティビティ バーは、Microsoft Edge 144 以降のバージョンではサポートされなくなりました。
以前のバージョンの Microsoft Edge でのフォーカス モードでのドッキング位置の選択:
Microsoft Edge 105 のフォーカス モードでドッキング位置を選択する:
クイック ビュー ツール バーとパネルの向きも変更できるようになりました。 クイック ビュー パネルを水平方向ではなく垂直方向に表示するには、[クイック ビューを右にドッキング] ボタンをクリックします。
クイック ビュー ツールバーとパネルを水平方向に戻すには、[クイック ビューを下にドッキング] ボタンをクリックします。
いずれかの向きで クイック ビュー パネルを最小化するには、[ クイック ビューを折りたたむ ] ボタンをクリックするか、 Esc キーを押します。
修正: ソースおよびネットワーク ツールでの検索がフォーカス モードで期待どおりに機能するようになりました
以前のバージョンの Microsoft Edge では、フォーカス モードの実験では、ネットワーク ツールの検索機能やソース ツールのすべてのファイルを検索する機能が適切に紹介されませんでした。 Microsoft Edge 105 では、これらの問題は修正されています。
[検索] アイコンを使用してネットワーク ツールで検索できるようになりました。
[ソース] ツールですべてのファイルを検索するには、[ページ] セクションで、トップ ウィンドウまたは任意のドメインを右クリックし、[すべてのファイルを検索] を選択します。
関連項目:
- [ネットワーク アクティビティの検査] でネットワーク ヘッダーと応答を検索します。
- 検索ツールを使用してページのソース ファイルを検索する
問題ツールの信頼性の向上
以前のバージョンの Microsoft Edge には、 問題 ツールに問題が表示されないバグがありました。 このバグは Microsoft Edge 105 で修正されています。
関連項目:
Chromium プロジェクトからのお知らせ
Microsoft Edge 105 には、Chromium プロジェクトからの次の更新プログラムも含まれています。