Simulare una larghezza di banda limitata da Chrome?


202

Esiste un modo per simulare varie velocità di connessione all'interno di Chrome?

Devo essere in grado di controllare http: // localhost con velocità variabili.

So che ci sono applicazioni autonome che possono farlo, ma preferirei farlo all'interno di Chrome.


Un'estensione sicuramente non ha quel livello di accesso. Chrome fornisce solo API di estensione per le attività più comuni e questa non è una di queste.
Wladimir Palant,

Acquista webpagetest.org . È possibile impostare la velocità di connessione in test settings / connection.
Benjamin Crouzier,

Risposte:


117

Consiglierei Charles Proxy : puoi scegliere di rallentare singoli siti, ha anche un sacco di strumenti di ispezione HTTP.

Modificare:

A partire da giugno 2014, Chrome ora ha la possibilità di farlo in modo nativo in DevTools, ma avrai bisogno di Chrome 38.

L'opzione è accessibile dalla scheda Rete tramite un menu a discesa alla fine della barra degli strumenti.


69
Un avvertimento: Charles non è libero
Charlie,

8
Dove lo trovi in ​​devtools cromati?
Paul,

15
Avvia DevTools a Canary, nella parte superiore hai l'icona di ricerca, l'icona del telefono, Elements, Network ecc. Fai clic sull'icona del telefono e quindi scegli Emulazione nel pannello inferiore, le opzioni di emulazione di rete sono in quel pannello
Andy Davies

1
@Andy ughh ... Come hai fatto a far apparire l'icona del telefono? Continuano a spostare le cose in giro per le Canarie ...
Nathan,

36
Purtroppo la limitazione in Chrome funziona solo con i download, non con i caricamenti.
JesseBuesking,

140

Se stai usando Linux, il seguente comando è davvero utile per questo:

trickle -s -d 50 -w 100 firefox

La -sdice il comando per eseguire standalone, la -d 50dice di larghezza di banda limite a 50 KB / s, il -w 100set il picco dimensione della finestra di rilevamento 100 KB.firefoxindica al comando di avviare Firefox con tutta questa limitazione della velocità applicata a tutti i siti che tenta di caricare.

Aggiornare

Chrome 38 è ora disponibile e include la limitazione. Per trovarlo, visualizza gli Strumenti per sviluppatori: Ctrl + Maiusc + I lo fa sulla mia macchina, altrimenti Menu-> Altri strumenti-> Strumenti per sviluppatori ti porterà lì.

Quindi attiva o disattiva la modalità dispositivo facendo clic sul telefono nella parte superiore sinistra del pannello Strumenti sviluppatore (vedi la descrizione comando di seguito).

Attiva / disattiva la modalità dispositivo

Quindi attivare la limitazione in questo modo.

Attiva la limitazione di Chrome

Se lo trovi un po 'goffo, il mio suggerimento sopra funziona sia per Chrome che per Firefox.


Ho provato la funzione di sviluppo in Chrome e caricato un video di YouTube. Non sembra rallentare affatto il caricamento.
Intero

1
La funzione di limitazione non è un limitatore di upload. È per il test del download e per vedere come la tua pagina viene caricata su una connessione diversa.
Nelson,

68

A partire da Chrome 38 puoi farlo senza plug-in. Basta fare clic su Ispeziona elemento (o F12tasto di scelta rapida), quindi fare clic su toggle device mod(il phonepulsante)

inserisci qui la descrizione dell'immagine

e vedrai qualcosa del genere:

inserisci qui la descrizione dell'immagine

Tra le molte altre funzionalità ti consente di simulare una specifica connessione Internet (3G, GPRS)


14
Questo sembra funzionare bene per il test del caricamento della pagina, tuttavia il test del caricamento (usando xmlhttpreq2) non sembra essere limitato. - offline e nessuna limitazione funzionava, ma durante il caricamento il processo sembra ignorare i limiti di GPRS ecc. - Sarebbe bello se anche il caricamento potesse essere modellato in modo da poter testare barre di avanzamento, timeout ecc.
Josh Mc

2
Questo è corretto, è un problema in sospeso code.google.com/p/chromium/issues/detail?id=414319
Calin

61

Ad oggi puoi limitare la tua connessione in modo nativo in Google Chrome Canary 46.0.2489.0. Apri semplicemente Dev Tools e vai alla scheda Rete:

inserisci qui la descrizione dell'immagine


1
Questo è il percorso più semplice e non richiede plug-in aggiuntivi.
Earl3s

2
Ma non ha alcun effetto sui websocket.
Tom Hubbard,

19

Come ha detto Michael , l'API di estensione di Chrome non offre un modo affidabile per farlo. D'altra parte: c'è un software che mi sto usando da un po 'di tempo.

Prova Sloppy , un'applicazione Java che simula una larghezza di banda ridotta. È indipendente dal browser, è molto facile da usare e, soprattutto, è gratuito!


13

Se sei su un Mac, il team di sviluppo di Chrome consiglia lo "Strumento di collegamento per il collegamento di rete"

O:

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

O se non vuoi installare Xcode:

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

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


Per cercare Hardware IO Tools sul sito di Apple a partire da marzo 2016, vai a questo link . Il riquadro delle preferenze "Network Link Conditioner" consente di impostare la larghezza di banda di downlink e uplink,% di pacchetti eliminati e ritardo.
Greg Sadetsky,

11

In Chrome Canary ora puoi limitare il throughput di rete. Questo può essere fatto nelle opzioni "Rete" della scheda "Emulazione" della Console in Dev Tools. Potrebbe essere necessario attivare il flag di Chrome "Abilita esperimenti strumenti per sviluppatori" (chrome: // flags / # enable-devtools-Experiments) (chrome: // flags) per vedere questa nuova funzione. È possibile simulare una larghezza di banda ridotta (GSM, GPRS, EDGE, 3G) per le connessioni mobili.


È così facile da usare e funziona anche su localhost senza alcuna configurazione aggiuntiva. Suggerimento eccellente.
HockeyJ

2
Non riesco a farlo funzionare, ho abilitato il flag ma nessuna opzione di rete viene mostrata nell'emulazione sotto gli strumenti di sviluppo, è solo questa finestra?
Pez Cuckow,

6

Articolo originale: https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

Simula connessione lenta utilizzando Chrome Procedi e installa Chrome se non l'hai già installato sul tuo sistema. Una volta fatto, apri una nuova scheda e premi CTRL + MAIUSC + I per aprire la finestra degli strumenti di sviluppo o fai clic sull'icona dell'hamburger, quindi su Altri strumenti e poi su Strumenti per sviluppatori.

inserisci qui la descrizione dell'immagine

Verrà visualizzata la finestra Strumenti di sviluppo, che probabilmente verrà ancorata sul lato destro dello schermo. Preferisco che sia ancorato nella parte inferiore dello schermo poiché puoi vedere più dati. Per fare ciò, fare clic sui tre punti verticali e quindi fare clic sulla posizione centrale del dock.

inserisci qui la descrizione dell'immagine

Ora vai avanti e fai clic sulla scheda Rete. A destra, dovresti vedere un'etichetta chiamata No Throttling.

inserisci qui la descrizione dell'immagine

Se fai clic su di esso, otterrai un elenco a discesa con una velocità preconfigurata che puoi utilizzare per simulare una connessione lenta.

inserisci qui la descrizione dell'immagine

Le scelte vanno da Offline a WiFi e i numeri sono mostrati come Latenza, Download, Upload. Il più lento è GPRS seguito da Regular 2G, quindi Good 2G, quindi Regular 3G, Good 3G, Regular 4G, DSL e quindi WiFi. Scegli una delle opzioni e ricarica la pagina in cui ti trovi o digita un altro URL nella barra degli indirizzi. Assicurati solo di essere nella stessa scheda in cui vengono visualizzati gli strumenti per sviluppatori. La limitazione funziona solo per la scheda per cui è stata abilitata.

Se si desidera utilizzare i propri valori specifici, è possibile fare clic sul pulsante Aggiungi in Personalizzato. Fai clic sul pulsante Aggiungi profilo personalizzato per aggiungere un nuovo profilo.

inserisci qui la descrizione dell'immagine

Quando si utilizza GPRS, www.google.com ha impiegato ben 16 secondi per caricarsi! Nel complesso, questo è un ottimo strumento integrato in Chrome che puoi utilizzare per testare il tempo di caricamento del tuo sito Web su connessioni più lente. Se hai domande, non esitare a commentare. Godere!


1
Buona risposta, Arbaz!
Matt,

1
Dettagliato e approfondito! Grazie!
SexyBeast

4

se non hai familiarità con Fiddler, per favore fallo. È un ottimo strumento di debug per HTTP. Hai anche la possibilità di limitare la larghezza di banda.


Secondo che ... Fiddler è fantastico. Ecco un link a una risposta correlata relativa alla limitazione e all'aggiunta di ritardi in Fiddler. stackoverflow.com/questions/16276669/...
JustinParker

1

Non credo che ciò che chiedi possa essere fatto solo da Chrome. Il più vicino che ho trovato è stato questo , che non è quello che vuoi. Avere un plugin Chrome per farlo sarebbe difficile.

Un proxy Web in esecuzione sul tuo computer locale potrebbe ottenere l'effetto desiderato. Una ricerca per "proxy di limitazione" è arrivata con questo , per esempio.



1

Se si utilizza OSX, è possibile utilizzare: Network Link Conditioner

inserisci qui la descrizione dell'immagine

Qui è possibile selezionare diversi profili, ad es. Perdita al 100%, 3G, DSL ecc.

Trova il link qui sotto per scaricare Network Link Conditioner qui


-3

Nota, non utilizzare lo Speed ​​Tester integrato di Chrome (ti mostrerà la velocità non controllata). Utilizza invece un altro sito, come Fast.com. Questo ti mostrerà le velocità correttamente regolate.

Inoltre, le impostazioni di limitazione potrebbero essere nascoste ed è possibile accedervi dalla barra di rete facendo clic sulla piccola freccia giù.


1
Ciao @Dandelion. Grazie per il tempo dedicato a rispondere. Non sono sicuro che questa risposta sia appropriata come risposta, poiché in realtà non risponde alla domanda. Cosa hanno a che fare i test di velocità con la domanda? Come può fast.comessere utilizzato su localhost?
Benjamin,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.