Netzwerk-Tools in F12-Entwicklertools von Edge-Browser

Microsoft kündigte vor kurzem neue verbesserte Netzwerk-Tools in F12 Entwickler-Tools für den neuen Microsoft Edge-Browser in Windows 10 nach einer großen Nachfrage von Entwicklern. Als Entwickler haben Sie alle Gründe, sich aufgeregt zu fühlen, denn Sie können jetzt an einem verbesserten Tool-Set arbeiten.

Sehen wir uns einige der wichtigsten Verbesserungen an, die Microsoft eingekauft hat.

Microsoft Edge F12-Entwicklertools

Selbst wenn Sie ein Anfänger sind, werden Sie es sehr leicht finden, auf den Microsoft Edge F12-Entwickler zuzugreifen, da es sehr wenige Schritte gibt, denen Sie folgen müssen. Sie müssen lediglich das Menü Weitere Aktionen anklicken und öffnen und " F12 Developer Tools " auswählen. Dadurch werden die Tools automatisch deaktiviert.

Verbesserungen an den Netzwerkwerkzeugen in Edge

Der erste von Microsoft vorgenommene Schritt zu Verbesserungen besteht im Neudesign der Netzwerkwerkzeuge, damit die Entwickler eine sauberere Umgebung erhalten. Als Nächstes hat das Microsoft-Team auch eine Symbolleistenschaltfläche Start und Stop hinzugefügt, um Entwicklern bei der Verwendung von HTTP-basiertem Netzwerkverkehr mehr Flexibilität zu bieten.

Es gibt auch eine neue Schaltfläche namens " Inhaltstypfilter" "wurde hinzugefügt, um es Entwicklern zu ermöglichen, den Filter zu setzen und nur den gewünschten Datenverkehr zu erhalten. So können Sie viele unabhängige Netzwerkanrufe überspringen und gleichzeitig relevante Informationen über Art und Anzahl der Netzwerkfehler, Anzahl der Anfragen, Größe der Antwortdatenübertragung, Downloadzeiten usw. erhalten.

Sie können auch exportieren und behalten eine Spur aller Informationen in einer JSON-HAR-Datei

Bemerkenswerte Verbesserungen der F12-Entwicklertools für Microsoft Edge

Die Listen erweiterter Elemente, die in New Edge enthalten sind, lauten wie folgt:

• Immer vom Server aktualisieren : Diese Funktion stellt sicher, dass Sie mit der neuesten Version einer Ressource vom Server anstatt von einer veralteten Version testen.
• Cache und Cookies löschen : Dies stellt sicher, dass der Cache Ihres Browsers frei ist, bevor der nächste geladen wird Seite und Sie können die Cookies mit der Verknüpfung löschen, ohne auch Browser-Einstellungen zu gehen
• Sitzung löschen - Sie können die Schaltfläche "Sitzung löschen" verwenden, um während der Sitzung aufgezeichnete Netzwerkverkehrsinformationen zu löschen
• Einträge in Navigieren löschen - Mit thi s Feature können Sie nur auf Ressourcen konzentrieren, die während der letzten Seitenaktualisierung oder Navigation geladen wurden. Sie können dies sogar mit der letzten Sitzung vergleichen, indem Sie diese Funktion deaktivieren.

Einbeziehung der Zusammenfassungsansicht in die Netzwerkwerkzeuge

• Name : Dies beinhaltet den Namen und die URL der angeforderten Ressource
• Protokoll : Include-Protokoll, mit dem die Ressource angefordert wird
• Methode : Zeigt die in der Anfrage verwendete HTTP-Methode an
• Ergebnis : Zeigt den vom Server zurückgegebenen Statuscode und die Textnachricht an
• Inhaltstyp : Zeigt den vom Server zurückgegebenen MIME-Typ der Antwort an
• Empfangen : Die Gesamtgröße der Antwort-Payload vom Server
• Zeit : Anzeige der Zeit, die die Ressource benötigt, um den Download zu erhalten
• Timings : Zeigt die grafische Darstellung der Netzwerkaktivität, die im Laufe der Zeit aufgetreten ist

Falls Sie an einer detaillierteren Ansicht der Informationen interessiert sind, können Sie die Detailansicht aufrufen anstelle der Übersichtsansicht. Informationen wie Header, Body und Parameter usw. werden in verschiedenen Abschnitten der Detailansicht angezeigt. Sie müssen lediglich auf die Anfrage doppelklicken und die Informationen aus der Seitenleiste lesen.

Eine wichtige Sache, die hier notiert wird, ist laut Microsoft, dass diese neuen erweiterten Funktionen von Netzwerkwerkzeugen auch in der IE11-Umgebung verfügbar sind sowie Edge.

Sehen Sie jetzt, wie Sie Benutzeragent, Modus, Anzeige, Geolocation in Edge Developer Tools ändern können.