Chrome içinden sınırlı bant genişliği simüle edilsin mi?


202

Chrome içinden çeşitli bağlantı hızlarını simüle edebilmemin bir yolu var mı?

Ben http: // localhost değişen hızlarda kontrol edebilmek gerekir .

Bunu yapabilen bağımsız uygulamalar olduğunu biliyorum, ancak bunu Chrome'un içinde yapmayı tercih ederim.


Bir uzantı kesinlikle bu erişim düzeyine sahip değil. Chrome yalnızca en yaygın görevler için uzantı API'ları sağlar ve bu bunlardan biri değildir.
Wladimir Palant

Ödeme webpagetest.org . Bağlantı hızını altından ayarlayabilirsiniz test settings / connection.
Benjamin Crouzier

Yanıtlar:


117

Charles Proxy'yi tavsiye ederim - tek tek siteleri yavaşlatmayı seçebilirsiniz, ayrıca bir sürü HTTP denetim aracı vardır.

Düzenle:

Haziran 2014'ten itibaren Chrome artık bunu DevTools'ta yerel olarak yapabiliyor - yine de Chrome 38'e ihtiyacınız olacak.

Seçenek, araç çubuğunun sonundaki açılır menüden Ağ sekmesinden erişilebilir.


69
Bir uyarı: Charles ücretsiz değil
Charlie

8
Bunu krom cihazlarında nerede buluyorsunuz?
Paul

15
, Kanarya içinde DevTools'un çalıştır sahip üst kısmında arama simgesi, telefon simgesi, Elemanları, Ağ vb ağ emülasyon seçenekleri o panelde olan alt panelde Emülasyon seçim ardından telefon simgesine tıklayın ve
Andy Davies

1
@Andy ughh ... Telefon simgesinin görünmesini nasıl sağladın? Kanarya'da dolaşmaya devam ediyorlar ...
Nathan

36
Maalesef Chrome'daki kısıtlama, yüklemelerle değil, yalnızca indirmelerle çalışır.
JesseBuesking

140

Linux çalıştırıyorsanız, aşağıdaki komut gerçekten yararlıdır:

trickle -s -d 50 -w 100 firefox

-s, Bağımsız çalıştırmak için komut anlatır -d 5050 kb / s, limit bant genişliğine anlatır -w 100grubu 100 KB pik deteksiyon pencere boyutu. firefoxkomutu, firefox'u başlatmaya çalıştığı tüm sitelere uygulanan tüm bu hız sınırlamasıyla başlatmasını söyler.

Güncelleme

Chrome 38 çıktı ve azaltma içeriyor. Bulmak için Geliştirici Araçları'nı getirin: Ctrl + Shift + Makinemde yaparım, aksi takdirde Menü-> Diğer Araçlar-> Geliştirici Araçları sizi oraya getirir.

Ardından, Geliştirici Araçları Panelinin sol üst tarafındaki telefonu tıklayarak Cihaz Modunu açın (aşağıdaki ipucuna bakın).

Cihaz modunu aç / kapat

Sonra da kısmayı böyle etkinleştirin.

Chrome kısıtlamayı etkinleştirme

Bunu biraz karmaşık bulursanız, yukarıdaki önerim hem Chrome hem de Firefox için işe yarıyor.


Chrome'daki geliştirici özelliğini denedim ve bir YouTube videosu yükledim. Yüklemeyi hiç kısıtlamamış gibi görünüyor.
whol

1
Gaz kelebeği özelliği bir yükleme sınırlayıcısı değildir. İndirme testi ve sayfanızın farklı bir bağlantıya nasıl yüklendiğini görmek içindir.
Nelson

68

Chrome 38'den başlayarak bunu herhangi bir eklenti olmadan yapabilirsiniz. İnceleme öğesini (veya F12kısayol tuşunu) tıklayın, ardından toggle device mod( phonedüğmesini) tıklayın

resim açıklamasını buraya girin

ve şöyle bir şey göreceksiniz:

resim açıklamasını buraya girin

Diğer birçok özellik arasında, belirli internet bağlantısını (3G, GPRS) simüle etmenizi sağlar


14
Bu sayfa yükleme testi için iyi çalışıyor gibi görünüyor, ancak test yüklemesi (xmlhttpreq2 kullanarak) sınırlı görünmüyordu. - çevrimdışı ve hiçbir kısıtlama işe yaramadı, ancak yükleme sırasında işlem GPRS vb sınırlarını yok sayıyor gibi görünüyor - yükleme de şekillenebilseydi iyi olurdu, böylece ilerleme çubuklarını, zaman aşımlarını vb. test edebiliriz
Josh Mc

2
Bu doğru, olağanüstü bir sorun kodu.google.com/p/chromium/issues/detail?id=414319
Calin

61

Bugün itibariyle bağlantınızı yerel olarak Google Chrome Canary'de kısıtlayabilirsiniz 46.0.2489.0. Geliştirme Araçları'nı açın ve Ağ sekmesine gidin:

resim açıklamasını buraya girin


1
Bu en kolay yoldur ve ekstra eklenti gerektirmez.
earl3s

2
Ancak websockets üzerinde bir etkisi yoktur.
Tom Hubbard

19

As Michael söyledi , Chrome uzantısı API bunu yapmanın güvenilir bir yol sunmuyor. Diğer yandan: süredir kullandığım bir yazılım var.

Düşük bant genişliğini simüle eden bir Java uygulaması olan Sloppy'yi deneyin . Tarayıcıdan bağımsızdır, kullanımı çok kolaydır ve en önemlisi ücretsizdir!


13

Mac kullanıyorsanız, Chrome geliştirici ekibi 'Ağ Bağlantısı Düzenleyici Aracı'nı önerir

Ya:

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

Veya Xcode'u yüklemek istemiyorsanız:

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

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


Mart 2016 itibarıyla Apple'ın sitesinde Donanım G / Ç Araçları'nı aramak için bu bağlantıya gidin . "Ağ Bağlantısı Düzenleyicisi" Tercih Bölmesi, aşağı bağlantı ve yukarı bağlantı bant genişliğini, paketlerin% 'si düştü ve gecikmeyi ayarlamanızı sağlar.
Greg Sadetsky

11

Chrome Canary'de artık ağ akışını sınırlayabilirsiniz. Bu, Geliştirici Araçları'ndaki Konsolun "Öykünme" sekmesinin "Ağ" seçeneklerinde yapılabilir. Bu yeni özelliği görmek için Chrome bayrağını "Geliştirici Araçları denemelerini etkinleştir" (chrome: // flags / # enable-devtools-experiments) (chrome: // flags) özelliğini etkinleştirmeniz gerekebilir. Mobil bağlantılar için bazı düşük bant genişliğini (GSM, GPRS, EDGE, 3G) simüle edebilirsiniz.


Bu kullanımı çok kolaydır ve ayrıca herhangi bir ek kurulum yapmadan localhost üzerinde çalışır. Mükemmel öneri.
HokeyJ

2
Bunu çalıştıramıyorum, bayrağı etkinleştirdim ancak geliştirici araçları altında öykünmede ağ seçeneği gösterilmiyor, sadece bu pencereler mi?
Pez Cuckow

7

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

Chrome'u Kullanarak Yavaş Bağlantı Simülasyonu Devam edin ve sisteminizde yüklü değilse Chrome'u yükleyin. Bunu yaptıktan sonra, yeni bir sekme açın ve ardından geliştirici araçları penceresini açmak için CTRL + ÜSTKRKT + I tuşlarına basın veya hamburger simgesini, ardından Diğer araçlar ve ardından Geliştirici araçları'nı tıklayın.

resim açıklamasını buraya girin

Bu, muhtemelen ekranın sağ tarafına yerleştirilecek olan Geliştirici Araçları penceresini getirecektir. Daha fazla veri görebileceğiniz için ekranın altına yerleştirilmiş olmasını tercih ederim. Bunu yapmak için üç dikey noktayı tıklayın ve ardından orta dok konumuna tıklayın.

resim açıklamasını buraya girin

Şimdi devam edin ve Ağ sekmesine tıklayın. Sağ tarafta, Kısma Yok adlı bir etiket görmelisiniz.

resim açıklamasını buraya girin

Buna tıklarsanız, yavaş bir bağlantıyı simüle etmek için kullanabileceğiniz önceden yapılandırılmış bir hızın açılır listesini alırsınız.

resim açıklamasını buraya girin

Seçenekler Çevrimdışı ile Kablosuz arasında değişir ve sayılar Gecikme, İndirme, Yükleme olarak gösterilir. En yavaş GPRS, ardından Normal 2G, sonra İyi 2G, daha sonra Düzenli 3G, İyi 3G, Düzenli 4G, DSL ve ardından WiFi'dir. Seçeneklerden birini seçin ve bulunduğunuz sayfayı yeniden yükleyin veya adres çubuğuna başka bir URL yazın. Sadece geliştirici araçlarının görüntülendiği sekmede bulunduğunuzdan emin olun. Kısma, yalnızca etkinleştirdiğiniz sekmede çalışır.

Kendi belirli değerlerinizi kullanmak istiyorsanız, Özel altındaki Ekle düğmesini tıklayabilirsiniz. Yeni bir profil eklemek için Özel Profil Ekle düğmesini tıklayın.

resim açıklamasını buraya girin

GPRS kullanırken, www.google.com'un yüklenmesi 16 saniye sürdü! Genel olarak, bu, daha yavaş bağlantılarda web sitenizin yükleme süresini test etmek için kullanabileceğiniz Chrome'un içine yerleştirilmiş harika bir araçtır. Herhangi bir sorunuz varsa, yorum yapmaktan çekinmeyin. Zevk almak!


1
Güzel cevap Arbaz!
Matt

1
Ayrıntılı ve ayrıntılı! Teşekkürler!
SexyBeast

4

Fiddler'e aşina değilseniz - lütfen yapın. HTTP için harika bir hata ayıklama aracıdır. Ayrıca bant genişliğini sınırlama seçeneğiniz de vardır.


İkincisi ... Fiddler harika. İşte Fiddler'de azaltma ve gecikme ekleme ile ilgili bir cevabın bağlantısı. stackoverflow.com/questions/16276669/…
JustinParker

1

Sorduğunuz şeyin yalnızca krom tarafından yapılabileceğini düşünmüyorum. Bulabildiğim en yakın bu İstemediğiniz budur. Bunu yapmak için bir krom eklentisi alıyorum.

Yerel makinenizde çalışan bir web proxy'si istediğiniz efekti elde edebilir. "Proxy kısıcı" şeklinde bir arama ile geldi bu örneğin.



1

OSX kullanıyorsanız şunları kullanabilirsiniz: Ağ Bağlantısı Düzenleyicisi

resim açıklamasını buraya girin

Burada farklı profiller seçebilirsiniz. % 100 Kayıp, 3G, DSL vb.

Network Link Saç Kremi'ni indirmek için lütfen aşağıdaki linki bulun


-3

Not: Chrome'un yerleşik Hız Test Cihazını kullanmayın (size kontrolsüz hız gösterecektir). Bunun yerine Fast.com gibi başka bir site kullanın. Bu size doğru şekilde sıkıştırılmış hızları gösterecektir.

Ayrıca, azaltma ayarları gizlenmiş olabilir ve küçük aşağı oku tıklatarak ağ çubuğundan erişilebilir.


1
Merhaba @ Karahindiba. Yanıt vermek için zaman ayırdığınız için teşekkür ederiz. Bu yanıtı bir cevap olarak uygun olduğundan emin değilim, çünkü aslında soruyu cevaplamıyor. Hız testinin soru ile ne ilgisi var? fast.comLocalhost'ta nasıl kullanılabilir?
Benjamin
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.