web-dev-qa-db-fra.com

Simuler une bande passante limitée à partir de Chrome?

Est-il possible de simuler diverses vitesses de connexion dans Chrome?

Je dois pouvoir vérifier http: // localhost à des vitesses variables.

Je sais qu'il existe des applications autonomes qui peuvent le faire, mais je préférerais le faire dans Chrome.

197
user1103744

Je recommanderais Charles Proxy - vous pouvez choisir de ralentir des sites individuels, a également tout un tas d'outils d'inspection HTTP.

Modifier:

Depuis juin 2014, Chrome a désormais la possibilité de le faire de manière native dans DevTools. Toutefois, vous aurez besoin de Chrome 38.

L'option est accessible à partir de l'onglet Réseau via un menu déroulant à la fin de la barre d'outils.

113
Andy Davies

Si vous utilisez Linux, la commande suivante est vraiment utile pour cela:

trickle -s -d 50 -w 100 firefox

Le -s indique à la commande de fonctionner en mode autonome, le -d 50 lui dit de limiter la bande passante à 50 Ko/s, le -w 100 règle la taille de la fenêtre de détection de crête à 100 Ko. firefox indique à la commande de démarrer Firefox avec toutes les limitations de débit appliquées à tous les sites qu'il tente de charger.

Mise à jour

Chrome 38 est maintenant disponible et inclut la régulation. Pour le trouver, ouvrez les outils de développement: Ctrl + Maj + I le fait sur ma machine, sinon Menu-> Plus d'outils-> Outils de développement vous y conduira.

Ensuite, basculez en mode Périphérique en cliquant sur le téléphone dans le coin supérieur gauche du panneau des outils de développement (voir l'info-bulle ci-dessous).

Toggle device mode

Ensuite, activez la limitation comme ça.

Activate Chrome throttling

Si vous trouvez cela un peu maladroit, ma suggestion ci-dessus fonctionne à la fois pour Chrome et Firefox.

137
Richard

À partir de Chrome 38 vous pouvez le faire sans plug-ins. Il suffit de cliquer sur inspecter l’élément (ou F12 touche de raccourci), puis cliquez sur toggle device mod (le bouton phone)

enter image description here

et vous verrez quelque chose comme ça:

enter image description here

Parmi de nombreuses autres fonctionnalités, il vous permet de simuler une connexion Internet spécifique (3G, GPRS)

68
Salvador Dali

Vous pouvez dès aujourd'hui limiter votre connexion de manière native dans Google Chrome Canary 46.0.2489.0. Ouvrez simplement Dev Tools et rendez-vous sur l'onglet Réseau:

enter image description here

61
Pono

Comme Michael dit , l'API d'extension Chrome n'offre pas de moyen fiable de le faire. D'autre part: il y a un logiciel que je m'utilise depuis un certain temps.

Essayez Sloppy , une application Java simulant une bande passante réduite. Il est indépendant du navigateur, très facile à utiliser et surtout gratuit!

19
caiosm1005

Si vous êtes sur un Mac, l’équipe de développement Chrome recommande l’outil 'Network Link Conditioner Tool'.

Soit:

Xcode > Open Developer Tool > More Developer Tools > Hardware IO Tools for Xcode

Ou si vous ne souhaitez pas installer Xcode:

Go to the Apple Download Center and search for Hardware IO Tools

https://developer.Apple.com/downloads/index.action

13
Sean McClory

Dans Chrome Canary, vous pouvez maintenant limiter le débit du réseau. Cela peut être fait dans les options "Réseau" de l'onglet "Emulation" de la console dans les outils de développement. Vous devrez peut-être activer le drapeau Chrome "Activer les expériences des outils de développement" (chrome: // flags/# enable-devtools-Experiments) (chrome: // flags) pour afficher cette nouvelle fonctionnalité. Vous pouvez simuler une faible bande passante (GSM, GPRS, Edge, 3G) pour les connexions mobiles.

11
Mauricio Sánchez

Article original: https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

Simulez une connexion lente avec Chrome Allez-y et installez Chrome si vous ne l'avez pas déjà installé sur votre système. Une fois que vous avez ouvert un nouvel onglet, appuyez sur CTRL + MAJ + I pour ouvrir la fenêtre des outils de développement ou cliquez sur l’icône hamburger, puis sur Autres outils, puis sur Outils de développement.

enter image description here

Cela fera apparaître la fenêtre Outils de développement, qui sera probablement ancrée sur le côté droit de l'écran. Je préfère qu'il soit ancré au bas de l'écran car vous pouvez voir plus de données. Pour ce faire, cliquez sur les trois points verticaux, puis sur la position centrale du quai.

enter image description here

Maintenant, allez-y et cliquez sur l'onglet Réseau. Sur la droite, vous devriez voir une étiquette appelée No Throttling.

enter image description here

Si vous cliquez dessus, vous obtenez une liste déroulante d’une vitesse préconfigurée que vous pouvez utiliser pour simuler une connexion lente.

enter image description here

Les choix vont du mode hors connexion au mode Wi-Fi et les numéros sont indiqués sous latence, téléchargement, téléchargement. Le plus lent est le GPRS suivi de la norme 2G, puis de la bonne 2G, puis de la normale 3G, de la bonne 3G, de la 4G classique, de la DSL et du WiFi. Choisissez l'une des options, puis rechargez la page sur laquelle vous vous trouvez ou entrez une autre URL dans la barre d'adresse. Assurez-vous simplement que vous êtes dans le même onglet où les outils de développement sont affichés. La limitation ne fonctionne que pour l'onglet pour lequel vous l'avez activée.

Si vous souhaitez utiliser vos propres valeurs spécifiques, vous pouvez cliquer sur le bouton Ajouter sous Personnalisé. Cliquez sur le bouton Ajouter un profil personnalisé pour ajouter un nouveau profil.

enter image description here

En utilisant le GPRS, il fallait 16 secondes à www.google.com pour se charger! Globalement, il s'agit d'un excellent outil intégré à Chrome que vous pouvez utiliser pour tester le temps de chargement de votre site Web sur des connexions plus lentes. Si vous avez des questions, n'hésitez pas à commenter. Prendre plaisir!

5
Arbaz Alam

si vous ne connaissez pas Fiddler, faites-le. C'est un excellent outil de débogage pour HTTP. Vous avez également la possibilité de limiter la bande passante.

4
Yuki

Si vous utilisez OSX, vous pouvez utiliser: Conditionneur de liaisons réseau

enter image description here

Ici, vous pouvez sélectionner différents profils, par exemple. 100% de perte, 3G, DSL, etc.

Veuillez trouver le lien ci-dessous pour télécharger Network Link Conditioner here

1
Kiran Sk

Je ne pense pas que ce que vous demandez puisse être fait par chrome seul. Le plus proche que j'ai pu trouver était this , ce qui n'est pas ce que vous voulez. Obtenir un plugin chrome pour le faire serait difficile.

Un proxy Web exécuté sur votre ordinateur local peut produire l’effet souhaité. Une recherche de "proxy de limitation" est venue avec this , par exemple.

1
Michael Slade

Comme suggéré sur la page Chrome Mobile Emulation , vous pouvez utiliser Clumsy sous Windows, Conditionneur de liaisons résea sous Mac OS X et dummynet sous Linux.

1
tehwalris