Outils réseau dans les outils de développement F12 du navigateur Edge

Table des matières:

Outils réseau dans les outils de développement F12 du navigateur Edge
Outils réseau dans les outils de développement F12 du navigateur Edge

Vidéo: Outils réseau dans les outils de développement F12 du navigateur Edge

Vidéo: Outils réseau dans les outils de développement F12 du navigateur Edge
Vidéo: How to Fix Audio Sound Problem Not Working on Windows 10 - YouTube 2024, Avril
Anonim

Microsoft a récemment annoncé de nouveaux outils réseau améliorés dans Outils de développement F12 pour le nouveau Navigateur Microsoft Edge dans Windows 10 après une énorme demande des développeurs. En tant que développeur, vous avez toutes les raisons de vous enthousiasmer car vous pouvez désormais travailler sur un ensemble d'outils amélioré.

Regardons quelques-unes des améliorations majeures apportées par Microsoft.

Outils de développement Microsoft Edge F12

Même si vous êtes débutant, vous constaterez qu’il est extrêmement facile d’accéder au développeur Microsoft Edge F12 car très peu d’étapes doivent être suivies. Tout ce que vous avez à faire est de cliquer et d’ouvrir le Plus d'actions menu et sélectionnez “ Outils de développement F12 ”. Cela lancera automatiquement les outils désamarrés.

Amélioration des outils réseau dans Edge

Image
Image

La première étape entreprise par Microsoft en matière d’améliorations consiste à redéfinir les outils réseau afin que les développeurs puissent bénéficier d’une expérience plus propre. Ensuite, l’équipe de Microsoft a également ajouté un Démarrer et arrêter bouton de la barre d’outils pour offrir plus de flexibilité aux développeurs lorsqu’ils gèrent le trafic réseau basé sur HTTP.

Image
Image

Il y a aussi un nouveau bouton appelé “ Filtre de type de contenu ”Qui a été ajouté pour permettre aux développeurs de placer le filtre et d’obtenir uniquement le type de trafic souhaité. Vous pouvez ainsi ignorer de nombreux appels réseau non liés et obtenir simultanément des informations pertinentes sur le type et le nombre d'erreurs réseau, le nombre de demandes, la taille des transferts de données de réponse, les temps de téléchargement, etc.

Vous pouvez également exporter et conserver une trace de toutes les informations dans un fichier JSON HAR.

Image
Image
Image
Image

Améliorations notables des outils de développement F12 pour Microsoft Edge

Les listes d'éléments améliorés incluses dans le nouveau Microsoft Edge sont les suivantes:

  • Toujours actualiser depuis le serveur: Cette fonctionnalité garantit que vous testez la dernière version d'une ressource du serveur au lieu d'une version obsolète.
  • Effacer le cache et les cookies: Cela garantit que le cache de votre navigateur est vide avant de charger la page suivante et vous pouvez effacer les cookies avec le raccourci sans même aller dans les paramètres du navigateur
  • Clear session- Vous pouvez utiliser le bouton d'effacement de session pour effacer toute information sur le trafic réseau enregistrée pendant la session.
  • Effacer les entrées lors de la navigation- Avec cette fonctionnalité, vous ne pouvez vous concentrer que sur les ressources chargées lors de la dernière actualisation ou navigation. Vous pouvez même comparer cela à la dernière session simplement en désactivant cette fonctionnalité

Inclusion de la vue récapitulative dans les outils réseau

  • prénom: Ceci inclut le nom et l'URL de la ressource demandée
  • Protocole: Inclure le protocole utilisé pour demander la ressource
  • Méthode: Affiche la méthode HTTP utilisée dans la requête
  • Résultat: Affiche le code d'état de la réponse et le message texte renvoyés par le serveur.
  • Type de contenu: Affiche le type MIME de la réponse renvoyé par le serveur
  • Reçu: La taille totale de la charge de réponse fournie par le serveur
  • Temps: Affiche le temps pris par ressource pour obtenir le téléchargement
  • Les horaires: Affiche la représentation graphique de l'activité réseau survenue au fil du temps
Si vous êtes intéressé par une vue plus détaillée des informations, vous pouvez opter pour la vue détaillée au lieu de la vue récapitulative. Des informations telles que l'en-tête, le corps, les paramètres, etc. sont affichées dans différentes sections de la vue détaillée. Tout ce que vous avez à faire est de double-cliquer sur la demande et de lire les informations sur le panneau latéral.
Si vous êtes intéressé par une vue plus détaillée des informations, vous pouvez opter pour la vue détaillée au lieu de la vue récapitulative. Des informations telles que l'en-tête, le corps, les paramètres, etc. sont affichées dans différentes sections de la vue détaillée. Tout ce que vous avez à faire est de double-cliquer sur la demande et de lire les informations sur le panneau latéral.
Un élément clé à noter ici, dit Microsoft, est que ces nouvelles fonctionnalités améliorées des outils réseau sont également disponibles dans les environnements IE11 et Edge.
Un élément clé à noter ici, dit Microsoft, est que ces nouvelles fonctionnalités améliorées des outils réseau sont également disponibles dans les environnements IE11 et Edge.

Maintenant, voyez comment vous pouvez modifier l'agent utilisateur, le mode, l'affichage et la géolocalisation dans les outils de développement Edge.

Articles Similaires:

  • Trucs et astuces du navigateur Edge pour Windows 10
  • Edge vs Firefox: Quel est le meilleur pour Windows 10?
  • Paramètres de confidentialité dans le navigateur Edge sous Windows 10
  • Nouvelles fonctionnalités de Microsoft Edge sur Windows 10 Anniversary Update
  • Modifier l'agent utilisateur, le mode, l'affichage et la géolocalisation dans les outils de développement Edge

Conseillé: