178

¿Hay alguna manera de simular varias velocidades de conexión desde Chrome?¿Simular ancho de banda limitado desde Chrome?

Necesito poder verificar http://localhost con velocidades variables.

Sé que hay aplicaciones independientes que pueden hacer esto, pero prefiero hacer esto dentro de Chrome.

+0

Una extensión definitivamente no tiene ese nivel de acceso. Chrome solo proporciona API de extensión para las tareas más comunes y esta no es una de ellas. –

+0

Pago y envío http://www.webpagetest.org. Puede establecer la velocidad de conexión en 'configuración de prueba/conexión'. –

Respuesta

103

Recomendaría Charles Proxy - puede optar por ralentizar sitios individuales, también tiene un montón de herramientas de inspección HTTP.

Editar:

A partir de junio de 2014, Chrome ahora tiene la capacidad de hacer esto de forma nativa en DevTools - se necesita Chrome 38, aunque

+66

Una advertencia: Charles no es libre – Charlie

+7

¿Dónde se encuentra esto en Chrome DevTools? – Paul

+15

Encienda DevTools en Canarias, en la parte superior tiene el ícono de búsqueda, ícono de teléfono, Elementos, Red, etc. Haga clic en el ícono de teléfono y luego seleccione Emulación en el panel inferior; las opciones de emulación de red están en ese panel –

1

No creo que lo que pidas puede hacerlo solo Chrome. Lo más cerca que pude encontrar fue this, que no es lo que quieres. Obtener un complemento de Chrome para hacerlo sería Difícil.

Un proxy web ejecutándose en su máquina local podría lograr el efecto que desee. Una búsqueda de "proxy de regulación" apareció con this, por ejemplo.

18

Como Michael said, la API de extensión de Chrome no lo hace ofrecer una forma confiable de hacer esto. Por otro lado: hay un software que he estado usando por un tiempo.

Pruebe Sloppy, una aplicación de Java que simula un bajo ancho de banda. Es independiente del navegador, es muy fácil de usar y, lo mejor de todo, ¡es gratis!

4

si no está familiarizado con Fiddler, hágalo. Es una gran herramienta de depuración para HTTP. También tiene la opción de limitar el ancho de banda.

+0

Segundo eso ... Fiddler es asombroso. Aquí hay un enlace a una respuesta relacionada con la aceleración y la adición de retrasos en Fiddler. http://stackoverflow.com/questions/16276669/simulate-network-speeds-using-fiddler – JustinParker

132

Si está ejecutando Linux, el siguiente comando es muy útil para esto:

trickle -s -d 50 -w 100 firefox 

El -s le dice al comando para ejecutar independiente, el -d 50 dice que para limitar el ancho de banda de 50 KB/s, el -w 100 establecer el tamaño de la ventana de detección de picos en 100 KB. firefox le dice al comando que inicie Firefox con toda esta limitación de velocidad aplicada a los sitios que intenta cargar.

actualización

Chrome 38 ya está disponible e incluye estrangulación. Para encontrarlo, abra las Herramientas del desarrollador: Ctrl + Shift + I lo hace en mi máquina, de lo contrario, Menú-> Más herramientas-> Herramientas del desarrollador lo llevará hasta allí.

Luego, active o desactive el modo de dispositivo haciendo clic en el teléfono en la esquina superior izquierda del Panel de herramientas del desarrollador (consulte la información sobre herramientas a continuación).

Toggle device mode

A continuación, activar la limitante como tal.

Activate Chrome throttling

Si encuentras esto un poco torpe, mi sugerencia anterior funciona tanto para Chrome y Firefox.

+3

¡Es muy práctico! – sirFunkenstine

+0

Probé la función de desarrollo en Chrome y subí un video de YouTube. No pareció acelerar la carga en absoluto. – WHol

+1

La función del acelerador no es un limitador de carga. Es para realizar pruebas de descarga y ver cómo se carga su página en una conexión diferente. – Nelson

13

Si usted está en un Mac, el equipo de desarrollo de Chrome recomienda el 'Herramienta Acondicionador Enlace Red'

O bien:

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

O si no desea instalar Xcode:

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

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

+0

Para buscar Hardware IO Tools en el sitio de Apple a partir de marzo de 2016, vaya a [este enlace] (https://developer.apple.com/downloads/?q=Hardware%20IO%20Tools). El panel de preferencias "Network Link Conditioner" le permite establecer el ancho de banda del enlace descendente y del enlace ascendente, el% de paquetes descartados y la demora. –

11

En Chrome Canary ahora se puede limitar la red thr oughput. Esto se puede hacer en las opciones de "Red" de la pestaña "Emulación" de la consola en las Herramientas de desarrollo. Es posible que debas activar la marca de Chrome "Habilitar experimentos de Developer Tools" (chrome: // flags/# enable-devtools-experiments) (chrome: // flags) para ver esta nueva función. Puede simular un poco de ancho de banda (GSM, GPRS, EDGE, 3G) para las conexiones móviles.

+0

Esto es tan fácil de usar, y también funciona en localhost sin ninguna configuración adicional. Excelente sugerencia. – HockeyJ

+2

No puedo hacer que esto funcione, he habilitado el indicador pero no aparece ninguna opción de red en la emulación bajo las herramientas de desarrollo, ¿solo esta ventana? –

66

Comenzando con Chrome 38 puede hacerlo sin ningún complemento. Simplemente haga clic en el elemento (o F12 tecla de acceso directo) inspeccionar, a continuación, haga clic en toggle device mod (el botón phone)

enter image description here

y verá algo como esto:

enter image description here

entre otras muchas características que le permiten simular una conexión a Internet específica (3G, GPRS)

+14

Parece que funciona bien para las pruebas de carga de página, sin embargo, la carga de prueba (con xmlhttpreq2) no parece ser limitada. - fuera de línea y sin estrangulamiento funcionó, pero durante la carga el proceso parece ignorar los límites de GPRS, etc. sería bueno si también se puede configurar la carga para que podamos probar las barras de progreso, tiempos de espera, etc. –

+2

Esto es correcto, es un problema pendiente https://code.google.com/p/chromium/issues/detail?id=414319 – Calin

53

A partir de hoy, puede rottle su conexión de forma nativa en Google Chrome Canary 46.0.2489.0. Basta con abrir Herramientas de desarrollo y la cabeza a la pestaña Red:

enter image description here

+1

Esta es la ruta más fácil y no requiere complementos adicionales. – earl3s

+0

Pero no tiene ningún efecto en websockets. –

+0

Gracias, esto funciona bien como se esperaba –

0

Si está utilizando OS X, puede utilizar: enlace de red Acondicionador

enter image description here

Aquí puede seleccionar diferentes perfiles, es decir. 100% Pérdida, 3G, ADSL, etc.

Por favor, encontrar el siguiente enlace para descargar Red Enlace Acondicionador here

Cuestiones relacionadas