Android

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

Une Introduction à Visual Studio Code pour Débutants - Tutoriel français 2018

Une Introduction à Visual Studio Code pour Débutants - Tutoriel français 2018

Table des matières:

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 sentir excités car vous pouvez désormais travailler sur un ensemble d`outils amélioré.

Jetons un coup d`œil aux principales améliorations apportées par Microsoft.

Outils de développement Microsoft Edge F12

Même si vous êtes un débutant, vous trouverez extrêmement facile d`accéder au développeur Microsoft Edge F12 car il y a très peu d`étapes à suivre. Tout ce que vous devez faire est de cliquer et d`ouvrir le menu Autres actions et sélectionner " Outils de développement F12 ". Cela lancera automatiquement les outils non ancrés

Amélioration des outils réseau dans Edge

La première étape prise par Microsoft en matière d`améliorations consiste à reconcevoir 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 ajouté un bouton de barre d`outils Démarrer et Arrêter pour offrir plus de flexibilité aux développeurs tout en gérant le trafic réseau basé sur

Il existe également un nouveau bouton appelé"qui a été ajouté pour permettre aux développeurs de mettre le filtre et d`obtenir uniquement le type de trafic souhaité. Ainsi, vous pouvez ignorer de nombreux appels réseau indépendants et obtenir des informations pertinentes sur le type et le nombre d`erreurs réseau, le nombre de requêtes, les tailles de transfert des données de réponse et les temps de téléchargement, etc.

Vous pouvez exporter et conserver

Améliorations apportées aux outils de développement F12 pour Microsoft Edge

Les listes des éléments améliorés inclus dans le nouveau Microsoft Edge sont les suivantes:

  • Toujours actualiser à partir du serveur : cette fonctionnalité garantit que vous testez la dernière version d`une ressource du serveur au lieu de la remplacer par une nouvelle version.
  • Effacer le cache et les cookies : Ceci garantit que le cache de votre navigateur est clair avant de charger le suivant page et vous pouvez effacer les cookies avec le raccourci sans même aller aux paramètres du navigateur
  • Effacer la session - Vous pouvez utiliser le bouton Effacer la session pour effacer les informations de trafic réseau enregistrées pendant la session
  • Effacer les entrées > - Avec thi Cette fonctionnalité vous permet de vous concentrer uniquement sur les ressources chargées lors de la dernière actualisation de la page ou de la dernière navigation. Vous pouvez même comparer ceci avec la dernière session simplement en désactivant cette fonctionnalité Inclusion de la vue récapitulative dans les outils réseau

Nom

  • : Cela 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 réponse et le message texte renvoyés par le serveur Type de contenu
  • : Affiche le type MIME de la réponse renvoyée par le serveur Reçu
  • : La taille totale de la charge utile de réponse délivrée par le serveur Heure
  • : Afficher la temps pris par la ressource pour obtenir le téléchargement Timings
  • : Affiche la représentation graphique de l`activité du réseau s`est produite au fil du temps Dans le cas où vous êtes intéressé par plus de détails sur l`information, vous pouvez au lieu de la vue récapitulative. Les informations telles que l`en-tête, le corps et 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 requête et lire les informations du panneau latéral.

Une chose importante à noter ici, dit Microsoft, est que ces nouvelles fonctionnalités améliorées des outils réseau sont également disponibles dans l`environnement IE11 ainsi que Edge.

Découvrez comment modifier l`agent utilisateur, le mode, l`affichage et la géolocalisation dans les outils de développement Edge.