Symulować ograniczoną przepustowość w Chrome?


201

Czy istnieje sposób na symulację różnych prędkości połączeń z poziomu Chrome?

Muszę być w stanie sprawdzić http: // localhost z różną prędkością.

Wiem, że istnieją samodzielne aplikacje, które mogą to zrobić, ale wolę to zrobić w Chrome.


Rozszerzenie zdecydowanie nie ma takiego poziomu dostępu. Chrome zapewnia interfejsy API rozszerzeń tylko do najczęstszych zadań i nie jest to jedno z nich.
Wladimir Palant

Kasa webpagetest.org . Możesz ustawić prędkość połączenia poniżej test settings / connection.
Benjamin Crouzier

Odpowiedzi:


117

Polecam Charles Proxy - możesz spowolnić poszczególne witryny, ma też całą masę narzędzi inspekcji HTTP.

Edytować:

Od czerwca 2014 r. Chrome ma teraz możliwość wykonywania tego natywnie w DevTools - ale potrzebujesz Chrome 38.

Opcja jest dostępna z karty Sieć poprzez menu rozwijane na końcu paska narzędzi.


69
Ostrzeżenie: Charles nie jest wolny
Charlie

8
Gdzie to znajdziesz w chrome devtools?
Paul

15
Uruchom DevTools na Canary, u góry masz ikonę wyszukiwania, ikonę telefonu, elementy, sieć itp. Kliknij ikonę telefonu, a następnie wybierz Emulacja w dolnym panelu, opcje emulacji sieci są w tym panelu
Andy Davies

1
@ Andy ughh ... W jaki sposób pojawiła się ikona telefonu? Wciąż poruszają się na Wyspach Kanaryjskich ...
Nathan

36
Niestety dławienie w Chrome działa tylko w przypadku pobierania, a nie przesyłania.
JesseBuesking

140

Jeśli używasz Linuksa, do tego naprawdę przydatne jest następujące polecenie:

trickle -s -d 50 -w 100 firefox

-sMówi polecenie do uruchomienia autonomicznym -d 50informuje go do pasma granicznego do 50 kb / s, w -w 100zestawie szczyt wielkości okna detekcji do 100 KB. firefoxnakazuje uruchomić firefox z tym ograniczeniem szybkości stosowanym do wszystkich witryn, które próbuje załadować.

Aktualizacja

Chrome 38 jest już dostępny i obejmuje ograniczanie przepustowości. Aby go znaleźć, przywołaj Narzędzia programistyczne: Ctrl + Shift + I zrobię to na moim komputerze, w przeciwnym razie Menu-> Więcej narzędzi-> Narzędzia programistyczne cię tam doprowadzą.

Następnie przełącz tryb urządzenia, klikając telefon w lewym górnym rogu panelu narzędzi dla programistów (zobacz etykietkę poniżej).

Przełącz tryb urządzenia

Następnie aktywuj dławienie w ten sposób.

Aktywuj ograniczanie Chrome

Jeśli uznasz to za nieco niezręczne, moja powyższa sugestia działa zarówno w Chrome, jak i Firefox.


Wypróbowałem funkcję programistyczną w Chrome i przesłałem film z YouTube. Wydawało się, że wcale nie ograniczało to przesyłania.
CAŁY WRZ

1
Funkcja przepustnicy nie jest ogranicznikiem przesyłania. Służy do testowania pobierania i sprawdzania, jak strona ładuje się przy innym połączeniu.
Nelson

68

Począwszy od Chrome 38 możesz to zrobić bez żadnych wtyczek. Po prostu kliknij sprawdź element (lub F12skrót), a następnie kliknij toggle device mod( phoneprzycisk)

wprowadź opis zdjęcia tutaj

i zobaczysz coś takiego:

wprowadź opis zdjęcia tutaj

Wśród wielu innych funkcji pozwala symulować określone połączenie internetowe (3G, GPRS)


14
Wydaje się, że działa to dobrze w przypadku testowania ładowania strony, jednak testowanie przesyłania (przy użyciu xmlhttpreq2) nie wydawało się być ograniczone. - offline i nie działało ograniczanie przepustowości, ale podczas przesyłania proces wydaje się ignorować limity GPRS itp. - byłoby miło, gdyby można było również ukształtować przesyłanie, abyśmy mogli przetestować paski postępu, limity czasu itp.
Josh Mc

2
To prawda, jest to nierozstrzygnięty problem code.google.com/p/chromium/issues/detail?id=414319
Calin

61

Na dzień dzisiejszy możesz niszczyć połączenie natywnie w Google Chrome Canary 46.0.2489.0. Po prostu otwórz Narzędzia programistyczne i przejdź do karty Sieć:

wprowadź opis zdjęcia tutaj


1
Jest to najłatwiejsza trasa i nie wymaga żadnych dodatkowych wtyczek.
earl3s

2
Ale to nie ma wpływu na gniazda sieciowe.
Tom Hubbard

19

Jak powiedział Michael , interfejs API rozszerzenia Chrome nie oferuje niezawodnego sposobu na zrobienie tego. Z drugiej strony: istnieje oprogramowanie, z którego korzystam od dłuższego czasu.

Wypróbuj Sloppy , aplikację Java, która symuluje niską przepustowość. Jest niezależny od przeglądarki, bardzo łatwy w użyciu, a co najważniejsze, jest bezpłatny!


13

Jeśli korzystasz z komputera Mac, zespół programistów Chrome zaleca narzędzie „Network Link Conditioner Tool”

Zarówno:

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

Lub jeśli nie chcesz instalować Xcode:

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

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


Aby wyszukać Narzędzia sprzętowe we / wy w witrynie Apple od marca 2016 r., Przejdź do tego łącza . Panel preferencji „Network Link Conditioner” umożliwia ustawienie przepustowości łącza w dół i łącza w górę,% odrzuconych pakietów i opóźnienia.
Greg Sadetsky

11

W Chrome Canary możesz teraz ograniczyć przepustowość sieci. Można to zrobić w opcjach „Sieć” zakładki „Emulacja” konsoli w Narzędziach programistycznych. Może być konieczne aktywowanie flagi Chrome „Włącz eksperymenty z narzędziami dla programistów” (chrome: // flags / # enable-devtools-eksperymenty) (chrome: // flags), aby zobaczyć tę nową funkcję. Możesz symulować małą przepustowość (GSM, GPRS, EDGE, 3G) dla połączeń mobilnych.


Jest to bardzo łatwe w użyciu, a także działa na localhost bez dodatkowej konfiguracji. Doskonała sugestia.
HockeyJ

2
Nie mogę tego uruchomić, włączyłem flagę, ale żadna opcja sieciowa nie wyświetla się w emulacji w ramach narzędzi programistycznych, czy to tylko okna?
Pez Cuckow

5

Artykuł oryginalny: https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

Symuluj powolne połączenie za pomocą Chrome. Zainstaluj Chrome, jeśli jeszcze go nie masz. Gdy to zrobisz, otwórz nową kartę, a następnie naciśnij CTRL + SHIFT + I, aby otworzyć okno narzędzi programistycznych lub kliknij ikonę hamburgera, a następnie Więcej narzędzi, a następnie Narzędzia programistyczne.

wprowadź opis zdjęcia tutaj

Spowoduje to wyświetlenie okna Narzędzi programisty, które prawdopodobnie zostanie zadokowane po prawej stronie ekranu. Wolę, aby zadokowany u dołu ekranu, ponieważ możesz zobaczyć więcej danych. Aby to zrobić, kliknij trzy pionowe kropki, a następnie kliknij środkową pozycję dokowania.

wprowadź opis zdjęcia tutaj

Teraz idź dalej i kliknij kartę Sieć. Po prawej stronie powinna być widoczna etykieta o nazwie No Throttling.

wprowadź opis zdjęcia tutaj

Kliknięcie tego spowoduje wyświetlenie rozwijanej listy wstępnie skonfigurowanej prędkości, której można użyć do symulacji wolnego połączenia.

wprowadź opis zdjęcia tutaj

Dostępne opcje to od Offline do WiFi, a liczby są wyświetlane jako Opóźnienie, Pobieranie, Przesyłanie. Najwolniejszy jest GPRS, a następnie Zwykły 2G, następnie Dobry 2G, następnie Zwykły 3G, Dobry 3G, Zwykły 4G, DSL, a następnie WiFi. Wybierz jedną z opcji, a następnie ponownie załaduj stronę, na której jesteś, lub wpisz inny adres URL w pasku adresu. Upewnij się, że jesteś na tej samej karcie, na której wyświetlane są narzędzia programistyczne. Ograniczanie działa tylko w przypadku karty, dla której jest włączona.

Jeśli chcesz użyć własnych określonych wartości, możesz kliknąć przycisk Dodaj w obszarze Niestandardowe. Kliknij przycisk Dodaj profil niestandardowy, aby dodać nowy profil.

wprowadź opis zdjęcia tutaj

Podczas korzystania z GPRS ładowanie witryny www.google.com trwało 16 sekund! Ogólnie rzecz biorąc, jest to świetne narzędzie wbudowane bezpośrednio w Chrome, którego można używać do testowania czasu ładowania witryny w przypadku wolniejszych połączeń. Jeśli masz jakieś pytania, możesz je komentować. Cieszyć się!


1
Dobra odpowiedź, Arbaz!
Matt

1
Szczegółowy i dokładny! Dzięki!
SexyBeast

4

jeśli nie znasz Fiddlera - zrób to. To świetne narzędzie do debugowania HTTP. Masz również opcję ograniczenia przepustowości.


Po drugie, ... Skrzypek jest niesamowity. Oto link do powiązanej odpowiedzi dotyczącej ograniczania przepustowości i dodawania opóźnień w Fiddler. stackoverflow.com/questions/16276669/…
JustinParker

1

Nie sądzę, że to, o co prosisz, może zostać wykonane tylko przez chrom. Najbliżej mogłem znaleźć to , co nie jest tym, czego chcesz. Dostanie wtyczki chrome, żeby to zrobić, byłoby trudne.

Internetowy serwer proxy działający na komputerze lokalnym może osiągnąć pożądany efekt. Poszukiwanie „dławienie proxy” wpadł na to , na przykład.



1

Jeśli używasz OSX, możesz użyć: Network Link Conditioner

wprowadź opis zdjęcia tutaj

Tutaj możesz wybrać różne profile tj. 100% straty, 3G, DSL itp.

Proszę znaleźć link poniżej aby pobrać link sieciowy odżywka tutaj


-3

Uwaga: nie używaj wbudowanego w Chrome Testera prędkości (pokaże Ci niezakłóconą prędkość). Zamiast tego użyj innej witryny, takiej jak Fast.com. To pokaże ci odpowiednio zmniejszone prędkości.

Ponadto ustawienia dławienia mogą być ukryte i można uzyskać do nich dostęp z paska sieci, klikając małą strzałkę w dół.


1
Cześć @ Jaskier. Dzięki za poświęcenie czasu na odpowiedź. Nie jestem jednak pewien, czy ta odpowiedź jest odpowiednia, ponieważ w rzeczywistości nie odpowiada na pytanie. Co test prędkości ma wspólnego z pytaniem? Jak można fast.comużywać na localhost?
Benjamin
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.