Simuler une bande passante limitée depuis Chrome?

Est-il possible de simuler différentes vitesses de connexion depuis Chrome?

Je dois pouvoir vérifier http: // localhost à différentes vitesses.

Je sais qu’il existe des applications autonomes qui peuvent faire cela, mais je préfère faire cela dans Chrome.

Je recommanderais Charles Proxy – vous pouvez choisir de ralentir les sites individuels, et également tout un tas d’outils d’inspection HTTP.

Modifier:

À partir de juin 2014, Chrome a désormais la possibilité de le faire en mode natif dans DevTools.

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

 sortingckle -s -d 50 -w 100 firefox 

The -s indique à la commande de s’exécuter en mode autonome, -d 50 indique de limiter la bande passante à 50 Ko / s, le paramètre -w 100 définit la taille de la fenêtre de détection des pics à 100 Ko. firefox dit à la commande de démarrer Firefox avec toute cette limitation de débit appliquée à tous les sites qu’il tente de charger.

Mettre à jour

Chrome 38 est maintenant disponible et inclut la limitation. 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 amènera.

Ensuite, basculez le mode périphérique en cliquant sur le téléphone en haut à gauche du panneau des outils de développement (voir l’info-bulle ci-dessous).

Basculer le mode de l'appareil

Activez ensuite la régulation comme cela.

Activer la limitation de Chrome

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

À partir de Chrome 38, vous pouvez le faire sans aucun plug-in. Il suffit de cliquer sur inspecter l’élément (ou sur le raccourci clavier F12 ), puis de cliquer sur le bouton d’activation (le bouton du phone ).

entrer la description de l'image ici

et vous verrez quelque chose comme ceci:

entrer la description de l'image ici

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

À partir d’aujourd’hui, vous pouvez limiter votre connexion nativement dans Google Chrome Canary 46.0.2489.0 . Ouvrez simplement les outils de développement et accédez à l’onglet Réseau:

entrer la description de l'image ici

Comme Michael l’a dit , l’API d’extension Chrome n’offre pas un moyen fiable de le faire. D’un autre côté, il y a un logiciel que j’utilise moi-même depuis longtemps.

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

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

Non plus:

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

Ou si vous ne voulez pas installer Xcode:

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

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

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 Developer Tools” (chrome: // flags / # enable-devtools-experiences) (chrome: // flags) pour voir cette nouvelle fonctionnalité. Vous pouvez simuler une faible bande passante (GSM, GPRS, EDGE, 3G) pour les connexions mobiles.

si vous n’êtes pas familier avec Fiddler, faites-le. C’est un excellent outil de débogage pour HTTP. Vous avez également la possibilité de limiter la bande passante.

Simuler 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 cela fait, ouvrez un nouvel onglet, puis appuyez sur CTRL + MAJ + I pour ouvrir la fenêtre des outils de développement ou cliquez sur l’icône de hamburger, puis sur Autres outils, puis sur Outils de développement.

entrer la description de l'image ici

Cela fera apparaître la fenêtre Developer Tools, qui sera probablement ancrée sur le côté droit de l’écran. Je préfère que ce soit ancré en bas de l’écran, car vous pouvez voir plus de données. Pour ce faire, cliquez sur les trois points verticaux, puis cliquez sur la position du quai central.

entrer la description de l'image ici

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

entrer la description de l'image ici

Si vous cliquez dessus, vous obtenez une liste déroulante des vitesses préconfigurées que vous pouvez utiliser pour simuler une connexion lente.

entrer la description de l'image ici

Les choix vont du mode hors connexion au WiFi et les numéros sont affichés sous la forme Latence, Téléchargement, Téléchargement. Le plus lent est le GPRS suivi du 2G normal, puis du 2G, puis du 3G, du 3G, du 4G, du DSL et du WiFi. Sélectionnez l’une des options, puis rechargez la page sur laquelle vous vous trouvez ou saisissez une autre URL dans la barre d’adresse. Assurez-vous que vous êtes dans le même onglet que les outils de développement sont affichés. La limitation ne fonctionne que pour l’onglet pour lequel vous l’avez activé.

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 append un nouveau profil.

entrer la description de l'image ici

En utilisant GPRS, il a fallu 16 secondes à http://www.google.com pour charger! Dans l’ensemble, 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!

Je ne pense pas que ce que vous demandez peut être fait par chrome seul. Le plus proche que j’ai pu trouver était ce qui n’est pas ce que vous voulez. J’obtiens un plugin chrome pour le faire serait difficile.

Un proxy Web s’exécutant sur votre ordinateur local pourrait avoir l’effet souhaité. Une recherche de “proxy d’étranglement” est apparue avec ceci , par exemple.

Comme suggéré sur la page Chrome Mobile Emulation , vous pouvez utiliser Clumsy sous Windows, Network Link Conditioner sous Mac OS X et dummynet sous Linux.

Si vous utilisez OSX, vous pouvez utiliser: Network Link Conditioner

entrer la description de l'image ici

Ici vous pouvez sélectionner différents profils, c.-à-d. 100% de perte, 3G, DSL etc.

S’il vous plaît trouver le lien ci-dessous pour télécharger Network Link Conditioner ici