アンドロイド

F12のネットワークツールエッジブラウザの開発ツール

目次:

Anonim

マイクロソフトは最近、 Windows 9でMicrosoft Microsoft Edgeブラウザ 用の F12開発ツール に新しいネットワークツールを発表しました

マイクロソフトのエッジF12開発ツール

マイクロソフトのエッジF12開発ツール

初心者であっても、Microsoft Edge F12開発者にアクセスするのは非常に簡単です。従う必要がある手順はほとんどありません。 その他のアクションメニューをクリックして開き、「 F12開発ツール

」を選択するだけです。

Edgeのネットワークツールの強化 Microsoftが改善に取り組む第一歩は、開発者がより洗練された体験を得るためにネットワークツールを再設計することです。次に、マイクロソフトのチームは、HTTPベースのネットワークトラフィックを処理する際に、開発者に柔軟性を提供するために Start and Stop

ツールバーボタンを追加しました。 " Content type filter

"は、開発者がフィルタを置いて、必要なトラフィックの種類のみを取得できるようにするために追加されました。これにより、無関係なネットワークコールをスキップすると同時に、ネットワークエラーの種類と数、要求数、応答データ転送サイズ、ダウンロード時間などの関連情報を取得できます。

JSON HARファイル内のすべての情報のトラック

Microsoft Edgeの注目すべきF12開発ツール拡張

  • New Microsoft Edgeに含まれる拡張アイテムのリストは次のとおりです:常にサーバーから更新
  • :キャッシュとクッキーを消去する:これにより、ブラウザのキャッシュがクリアされてから次のページが読み込まれます
  • セッションのクリア - セッション中に記録されたネットワークトラフィック情報を消去するには、クリアセッションボタンを使用できます。
  • ナビゲート時のエントリをクリアする > - ティと一緒に最後のページのリフレッシュまたはナビゲーション中にロードされたリソースにのみ焦点を当てることができます。この機能をオフにするだけでこれを最後のセッションと比較することもできます。

ネットワークツールでのサマリービューの組み込み

  • 名前:これには、要求されたリソースの名前とURL
  • プロトコル
  • リクエストで使用されたHTTPメソッドを表示します。 Result
  • :これは、サーバによって返されたレスポンスステータスコードとテキストメッセージを表示します。
  • Content type :サーバーから返されたレスポンスのMIMEタイプを表示します。
  • Received :サーバーによって配信されたレスポンスペイロードの合計サイズです。リソースをダウンロードするために要した時間
  • タイミング:ネットワーク活動のグラフ表示を経時的に表示します。
  • 情報の詳細表示に関心がある場合は、詳細ビューサマリービューではなく、ヘッダー、ボディー、パラメーターなどの情報は、詳細ビューの異なるセクションに表示されます。 ここで注意すべき重要な点の1つは、Microsoftが述べているように、これらの新しいネットワークツールの拡張機能をIE11環境でも利用できるということです

Edge Developer Toolsでユーザーエージェント、モード、表示、ジオロケーションを変更する方法を参照してください。