Conditions du réseau: remplacer la chaîne user-agent

Kayce Basques

Dale St. Marthe

Présentation

Utilisez le panneau "Conditions réseau" pour remplacer la chaîne de user-agent et émuler différentes vitesses de réseau.

Le forçage de la chaîne user-agent modifie la façon dont le navigateur s'identifie aux serveurs Web. Cela signifie que le navigateur peut simuler des versions antérieures ou différents navigateurs, ce qui est utile pour tester le responsive design, la compatibilité et la détection des fonctionnalités.

Notez que le forçage de la chaîne d'user-agent ne modifie pas le fonctionnement interne du navigateur Chrome, mais le contenu qui lui est diffusé.

Ouvrir le panneau "Conditions du réseau"

Ouvrez le panneau Conditions du réseau à partir du panneau Réseau ou manuellement via les outils pour les développeurs.

Pour ouvrir le panneau Conditions réseau à partir du panneau Réseau, procédez comme suit:

1. Accédez aux outils de développement.
2. Accédez au panneau Réseau.
3. Cliquez sur le bouton network_manage Plus d'infos sur l'état du réseau pour ouvrir le panneau "Conditions du réseau".

Figure 1. Panneaux Network (Réseau) et Network conditions (Conditions du réseau)

Pour ouvrir manuellement le panneau Conditions du réseau:

1. Accédez aux outils de développement.

2. Pour ouvrir le menu Command (Commande), appuyez sur:

   • macOS: Command+Maj+P
   • Windows, Linux et ChromeOS: Ctrl+Maj+P

     

     Figure 2. Menu Command

3. Commencez à saisir Network conditions, sélectionnez Afficher les conditions du réseau, puis appuyez sur Entrée. DevTools affiche le panneau Conditions du réseau en bas de la fenêtre DevTools.

Vous pouvez également sélectionner more_vert Plus d'options > Autres outils > Conditions du réseau en haut à droite.

Remplacer la chaîne user-agent

Pour remplacer la chaîne d'agent utilisateur dans le panneau Conditions réseau, procédez comme suit:

1. Ouvrez le panneau Conditions du réseau.

2. Dans la section User-agent (User-agent), désactivez la case Use browser default (Utiliser la valeur par défaut du navigateur).

   

   Figure 3. Désactivation de Utiliser la valeur par défaut du navigateur

3. Sélectionnez une chaîne d'user-agent dans la liste ou saisissez votre propre chaîne personnalisée.

4. Actualisez la page pour afficher les résultats.

Modifier les indicateurs client User-Agent

Le panneau "Conditions du réseau" vous permet de personnaliser les indicateurs client User-Agent d'une chaîne user-agent sélectionnée.

Pour utiliser cette fonctionnalité, procédez comme suit:

1. Sélectionnez une chaîne d'user-agent dans la liste ou saisissez votre propre chaîne personnalisée.

2. Cliquez sur le menu déroulant arrow_drop_downIndices client user-agent. Un formulaire s'affiche avec les valeurs pertinentes renseignées automatiquement.

   

   Figure 4. Formulaire "User Agent Client Hints"

3. Modifiez le formulaire en cliquant sur SupprimerSupprimer pour supprimer des éléments et sur Ajouter une marque pour ajouter des éléments aux listes User-agent et Version complète.

4. Lorsque vous avez terminé, cliquez sur le bouton Mettre à jour en bas du formulaire.

5. Actualisez la page pour afficher les résultats.

Limiter la vitesse du réseau

Pour limiter la vitesse du réseau depuis le panneau Conditions du réseau, cliquez sur la liste Limitation de la vitesse du réseau, puis sélectionnez 3G rapide, 3G lente ou Hors connexion.

Figure 5. Liste de limitation de bande passante réseau dans le panneau "Conditions du réseau"

De plus, le panneau Réseau vous permet de limiter la vitesse du réseau de la même manière. Il vous suffit d'ouvrir le panneau Réseau, puis de sélectionner la vitesse souhaitée dans la liste Limiter de la barre d'action.

Figure 6. Liste de limitation de bande passante réseau dans le panneau "Réseau"

Vous pouvez également utiliser le panneau Performances pour limiter la vitesse du réseau. Ouvrez le panneau "Performances", cliquez sur settingsSettings (Paramètres), puis sélectionnez Fast 3G (3G rapide) ou Slow 3G (3G lente) dans la liste Network (Réseau).

Figure 7. Liste de limitation du débit réseau dans le panneau "Performances"

Définissez vos propres paramètres de limitation de bande passante réseau personnalisés en créant un profil de limitation de bande passante réseau. Pour en savoir plus, consultez la section Limitation.