Begrenzte Bandbreite in Chrome simulieren?

201

Gibt es eine Möglichkeit, verschiedene Verbindungsgeschwindigkeiten in Chrome zu simulieren?

Ich muss in der Lage sein, http: // localhost mit unterschiedlichen Geschwindigkeiten zu überprüfen .

Ich weiß, dass es eigenständige Anwendungen gibt, die dies tun können, aber ich würde dies lieber in Chrome tun.

user1103744
quelle
Eine Erweiterung hat definitiv nicht diese Zugriffsebene. Chrome bietet nur Erweiterungs-APIs für die häufigsten Aufgaben, und dies ist keine davon.
Wladimir Palant
Kasse webpagetest.org . Sie können die Verbindungsgeschwindigkeit unter einstellen test settings / connection.
Benjamin Crouzier

Antworten:

117

Ich würde Charles Proxy empfehlen - Sie können einzelne Websites verlangsamen, verfügt auch über eine ganze Reihe von HTTP-Inspektionstools.

Bearbeiten:

Ab Juni 2014 kann Chrome dies nun nativ in DevTools tun. Sie benötigen jedoch Chrome 38.

Auf die Option kann über die Registerkarte Netzwerk über ein Dropdown-Menü am Ende der Symbolleiste zugegriffen werden.

Andy Davies
quelle
69
Eine Warnung: Charles ist nicht frei
Charlie
8
Wo finden Sie das in Chrome Devtools?
Paul
15
Feuer DevTools in Kanarienvogel, die am oberen Rand Sie das Suchsymbol, Telefon - Symbol haben, Elemente, Netzwerk usw. Klicken Sie auf das Telefonsymbol und wählen Sie dann Emulation in der Bodenplatte, Netzwerk - Emulationsoptionen in diesem Panel sind
Andy Davies
1
@Andy ughh ... Wie bist du dazu gekommen, dass das Telefonsymbol angezeigt wird? Sie bewegen die Dinge auf Kanarischen Inseln weiter ...
Nathan
36
Leider funktioniert die Drosselung in Chrome nur mit Downloads, nicht mit Uploads.
JesseBuesking
140

Wenn Sie Linux ausführen, ist der folgende Befehl hierfür sehr nützlich:

trickle -s -d 50 -w 100 firefox

Der -sBefehl weist den Befehl an, eigenständig ausgeführt zu werden, der Befehl, die -d 50Bandbreite auf 50 KB / s zu begrenzen, und die -w 100Größe des Peakerkennungsfensters auf 100 KB. firefoxWeist den Befehl an, Firefox mit all dieser Ratenbegrenzung zu starten, die auf alle Sites angewendet wird, die geladen werden sollen.

Aktualisieren

Chrome 38 ist ab sofort erhältlich und beinhaltet Drosselung. Um es zu finden, rufen Sie die Entwicklertools auf: Strg + Umschalt + Ich mache es auf meinem Computer, andernfalls bringen Sie Menu-> Weitere Tools-> Entwicklertools dorthin.

Schalten Sie dann den Gerätemodus um, indem Sie oben links im Entwickler-Tools-Bedienfeld auf das Telefon klicken (siehe Tooltip unten).

Gerätemodus umschalten

Aktivieren Sie dann die Drosselung wie folgt.

Aktivieren Sie die Chrome-Drosselung

Wenn Sie dies etwas klobig finden, funktioniert mein Vorschlag oben sowohl für Chrome als auch für Firefox.

Richard
quelle
Ich habe die Entwicklerfunktion in Chrome ausprobiert und ein YouTube-Video hochgeladen. Es schien den Upload überhaupt nicht zu drosseln.
Ganz
1
Die Gasfunktion ist kein Upload-Limiter. Es dient zum Testen des Downloads und zum Anzeigen, wie Ihre Seite auf einer anderen Verbindung geladen wird.
Nelson
68

Ab Chrome 38 können Sie dies ohne Plugins tun. Klicken Sie einfach auf Inspect Element (oder F12Hotkey) und dann auf toggle device mod(die phoneSchaltfläche)

Geben Sie hier die Bildbeschreibung ein

und Sie werden so etwas sehen:

Geben Sie hier die Bildbeschreibung ein

Neben vielen anderen Funktionen können Sie eine bestimmte Internetverbindung (3G, GPRS) simulieren.

Salvador Dali
quelle
14
Dies scheint beim Testen des Seitenladens gut zu funktionieren, jedoch schien das Testen des Uploads (unter Verwendung von xmlhttpreq2) nicht eingeschränkt zu sein. - Offline und keine Drosselung funktioniert, aber während des Uploads scheint der Prozess die GPRS-Grenzwerte usw. zu ignorieren. - Es wäre schön, wenn der Upload auch so gestaltet werden könnte, dass wir Fortschrittsbalken, Zeitüberschreitungen usw. testen können.
Josh Mc
2
Dies ist richtig, es ist ein ausstehendes Problem code.google.com/p/chromium/issues/detail?id=414319
Calin
61

Ab heute können Sie Ihre Verbindung in Google Chrome Canary nativ drosseln 46.0.2489.0. Öffnen Sie einfach Dev Tools und wechseln Sie zur Registerkarte Netzwerk:

Geben Sie hier die Bildbeschreibung ein

Pono
quelle
1
Dies ist der einfachste Weg und erfordert keine zusätzlichen Plugins.
Earl3s
2
Dies hat jedoch keine Auswirkungen auf Websockets.
Tom Hubbard
19

Wie Michael sagte, bietet die Chrome-Erweiterungs-API keine zuverlässige Möglichkeit, dies zu tun. Auf der anderen Seite: Es gibt eine Software, die ich selbst schon seit einiger Zeit benutze.

Probieren Sie Sloppy aus , eine Java-Anwendung, die eine geringe Bandbreite simuliert. Es ist browserunabhängig, sehr einfach zu bedienen und vor allem kostenlos!

caiosm1005
quelle
13

Wenn Sie einen Mac verwenden, empfiehlt das Chrome-Entwicklerteam das "Network Link Conditioner Tool".

Entweder:

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

Oder wenn Sie Xcode nicht installieren möchten:

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

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

Sean McClory
quelle
Klicken Sie auf diesen Link , um ab März 2016 auf der Apple-Website nach Hardware-E / A-Tools zu suchen . Im Einstellungsbereich "Network Link Conditioner" können Sie die Downlink- und Uplink-Bandbreite,% der verworfenen Pakete und die Verzögerung festlegen.
Greg Sadetsky
11

In Chrome Canary können Sie jetzt den Netzwerkdurchsatz begrenzen. Dies kann in den "Netzwerk" -Optionen der Registerkarte "Emulation" der Konsole in den Dev Tools erfolgen. Möglicherweise müssen Sie das Chrome-Flag "Enable Developer Tools-Experimente" (Chrome: // Flags / # Enable-Devtools-Experimente) (Chrome: // Flags) aktivieren, um diese neue Funktion anzuzeigen. Sie können eine geringe Bandbreite (GSM, GPRS, EDGE, 3G) für mobile Verbindungen simulieren.

Mauricio Sánchez
quelle
Dies ist so einfach zu bedienen und funktioniert auch auf localhost ohne zusätzliche Einrichtung. Hervorragender Vorschlag.
HockeyJ
2
Ich kann das Flag nicht aktivieren. Ich habe das Flag aktiviert, aber in der Emulation unter den Entwicklungstools wird keine Netzwerkoption angezeigt. Ist dies nur Windows?
Pez Cuckow
5

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

Simulieren Sie eine langsame Verbindung mit Chrome. Installieren Sie Chrome, falls Sie es noch nicht auf Ihrem System installiert haben. Öffnen Sie anschließend eine neue Registerkarte und drücken Sie STRG + UMSCHALT + I, um das Fenster mit den Entwicklertools zu öffnen, oder klicken Sie auf das Hamburger-Symbol, dann auf Weitere Tools und dann auf Entwicklertools.

Geben Sie hier die Bildbeschreibung ein

Daraufhin wird das Fenster "Entwicklertools" geöffnet, das wahrscheinlich auf der rechten Seite des Bildschirms angedockt wird. Ich bevorzuge es am unteren Bildschirmrand angedockt, da Sie mehr Daten sehen können. Klicken Sie dazu auf die drei vertikalen Punkte und dann auf die mittlere Dockposition.

Geben Sie hier die Bildbeschreibung ein

Klicken Sie nun auf die Registerkarte Netzwerk. Auf der rechten Seite sollte ein Etikett mit dem Namen No Throttling angezeigt werden.

Geben Sie hier die Bildbeschreibung ein

Wenn Sie darauf klicken, erhalten Sie eine Dropdown-Liste mit einer vorkonfigurierten Geschwindigkeit, mit der Sie eine langsame Verbindung simulieren können.

Geben Sie hier die Bildbeschreibung ein

Die Auswahlmöglichkeiten reichen von Offline bis WiFi. Die Nummern werden als Latenz, Download, Upload angezeigt. Am langsamsten ist GPRS, gefolgt von Regular 2G, dann Good 2G, dann Regular 3G, Good 3G, Regular 4G, DSL und dann WiFi. Wählen Sie eine der Optionen und laden Sie die Seite, auf der Sie sich befinden, neu oder geben Sie eine andere URL in die Adressleiste ein. Stellen Sie einfach sicher, dass Sie sich auf derselben Registerkarte befinden, auf der die Entwicklertools angezeigt werden. Die Drosselung funktioniert nur für die Registerkarte, für die Sie sie aktiviert haben.

Wenn Sie Ihre eigenen spezifischen Werte verwenden möchten, können Sie unter Benutzerdefiniert auf die Schaltfläche Hinzufügen klicken. Klicken Sie auf die Schaltfläche Benutzerdefiniertes Profil hinzufügen, um ein neues Profil hinzuzufügen.

Geben Sie hier die Bildbeschreibung ein

Bei Verwendung von GPRS dauerte das Laden von www.google.com satte 16 Sekunden! Insgesamt ist dies ein großartiges Tool, das direkt in Chrome integriert ist und mit dem Sie die Ladezeit Ihrer Website bei langsameren Verbindungen testen können. Wenn Sie Fragen haben, können Sie diese gerne kommentieren. Genießen!

Arbaz Alam
quelle
1
Gute Antwort, Arbaz!
Matt
1
Detailliert und gründlich! Vielen Dank!
SexyBeast
4

Wenn Sie nicht mit Fiddler vertraut sind, tun Sie dies bitte. Es ist ein großartiges Debugging-Tool für HTTP. Sie haben auch die Möglichkeit, die Bandbreite zu begrenzen.

Yuki
quelle
Zweitens, dass ... Fiddler ist großartig. Hier ist ein Link zu einer verwandten Antwort bezüglich Drosselung und Hinzufügen von Verzögerungen in Fiddler. stackoverflow.com/questions/16276669/…
JustinParker
1

Ich glaube nicht, dass das, was Sie fragen, allein durch Chrom erreicht werden kann. Das nächste, was ich finden konnte, war das , was Sie nicht wollen. Es wäre schwer, ein Chrome-Plugin dafür zu bekommen.

Ein Webproxy, der auf Ihrem lokalen Computer ausgeführt wird, kann den gewünschten Effekt erzielen. Dies ergab beispielsweise eine Suche nach "Throttling Proxy" .

Michael Slade
quelle
1

Wenn Sie OSX verwenden, können Sie Folgendes verwenden: Network Link Conditioner

Geben Sie hier die Bildbeschreibung ein

Hier können Sie verschiedene Profile auswählen, z. 100% Verlust, 3G, DSL usw.

Den folgenden Link zum Herunterladen von Network Link Conditioner finden Sie hier

Kiran Sk
quelle
-3

Beachten Sie, dass Sie den in Chrome integrierten Geschwindigkeitstester nicht verwenden (er zeigt Ihnen die ungedrosselte Geschwindigkeit an). Verwenden Sie stattdessen eine andere Website wie Fast.com. Das zeigt Ihnen richtig gedrosselte Geschwindigkeiten.

Außerdem sind die Drosselungseinstellungen möglicherweise ausgeblendet und können über die Netzwerkleiste durch Klicken auf den kleinen Abwärtspfeil aufgerufen werden.

Löwenzahn
quelle
1
Hallo @ Löwenzahn. Vielen Dank, dass Sie sich die Zeit genommen haben, um zu antworten. Ich bin mir nicht sicher, ob diese Antwort als Antwort angemessen ist, da sie die Frage nicht wirklich beantwortet. Was hat Geschwindigkeitstest mit der Frage zu tun? Wie kann fast.comauf localhost verwendet werden?
Benjamin