Mensimulasikan bandwidth terbatas dari dalam Chrome?


202

Apakah ada cara saya dapat mensimulasikan berbagai kecepatan koneksi dari dalam Chrome?

Saya harus dapat memeriksa http: // localhost dengan kecepatan yang bervariasi.

Saya tahu ada aplikasi mandiri yang dapat melakukan ini, tetapi saya lebih suka melakukan ini di dalam Chrome.


Ekstensi jelas tidak memiliki tingkat akses itu. Chrome hanya menyediakan API ekstensi untuk tugas yang paling umum dan ini bukan salah satunya.
Wladimir Palant

Periksa webpagetest.org . Anda dapat mengatur kecepatan koneksi di bawah test settings / connection.
Benjamin Crouzier

Jawaban:


117

Saya akan merekomendasikan Charles Proxy - Anda dapat memilih untuk memperlambat masing-masing situs, juga memiliki sejumlah alat inspeksi HTTP.

Edit:

Pada Juni 2014, Chrome sekarang memiliki kemampuan untuk melakukan ini secara native di DevTools - Anda akan membutuhkan Chrome 38.

Opsi ini dapat diakses dari tab Jaringan melalui drop down di akhir bilah alat.


69
Peringatan: Charles tidak bebas
Charlie

8
Di mana Anda menemukan ini di devtools chrome?
Paul

15
Jalankan DevTools di Canary, di bagian atas Anda memiliki ikon pencarian, ikon telepon, Elemen, Jaringan dll. Klik ikon telepon dan kemudian pilih Emulasi di panel bawah, opsi emulasi jaringan ada di panel itu
Andy Davies

1
@Andy ughh ... Bagaimana Anda membuat ikon ponsel muncul? Mereka terus memindahkan barang-barang di Canary ...
Nathan

36
Sayangnya pelambatan di Chrome hanya berfungsi dengan unduhan, bukan unggahan.
JesseBuesking

140

Jika Anda menjalankan Linux, perintah berikut ini sangat berguna untuk ini:

trickle -s -d 50 -w 100 firefox

The -smemberitahu perintah untuk menjalankan standalone, -d 50memberitahu untuk membatasi bandwidth hingga 50 KB / s, -w 100mengatur ukuran jendela deteksi puncak menjadi 100 KB. firefoxmemberitahu perintah untuk memulai firefox dengan semua pembatasan ini diterapkan pada situs apa pun yang dicoba untuk memuatnya.

Memperbarui

Chrome 38 keluar sekarang dan termasuk pembatasan. Untuk menemukannya, buka Alat Pengembang: Ctrl + Shift + I melakukannya di mesin saya, jika tidak Menu-> More Tools-> Tools Developer akan membawa Anda ke sana.

Kemudian Toggle Device Mode dengan mengklik telepon di kiri atas Panel Alat Pengembang (lihat tooltip di bawah).

Alihkan mode perangkat

Kemudian aktifkan throttling seperti itu.

Aktifkan pelambatan Chrome

Jika Anda merasa ini agak kikuk, saran saya di atas berfungsi untuk Chrome dan Firefox.


Saya mencoba fitur dev di Chrome dan mengunggah video YouTube. Tampaknya itu sama sekali tidak membatasi pengunggahan.
WHol

1
Fitur throttle bukan pembatas unggahan. Ini untuk pengujian unduhan dan melihat bagaimana halaman Anda dimuat pada koneksi yang berbeda.
Nelson

68

Dimulai dengan Chrome 38 Anda dapat melakukan ini tanpa plugin apa pun. Cukup klik periksa elemen (atau F12hotkey), lalu klik toggle device mod( phonetombol)

masukkan deskripsi gambar di sini

dan Anda akan melihat sesuatu seperti ini:

masukkan deskripsi gambar di sini

Di antara banyak fitur lainnya, ini memungkinkan Anda untuk mensimulasikan koneksi internet spesifik (3G, GPRS)


14
Ini tampaknya berfungsi dengan baik untuk pengujian pemuatan halaman, namun pengujian unggahan (menggunakan xmlhttpreq2) tampaknya tidak terbatas. - offline dan tidak ada pelambatan yang berfungsi, tetapi saat mengunggah proses tampaknya mengabaikan batas GPRS dll. Akan lebih baik jika unggahan juga dapat dibentuk sehingga kami dapat menguji progress bar, batas waktu dll.
Josh Mc

2
Ini benar, ini adalah masalah yang luar biasa beredar.google.com/p/chromium/issues/detail?id=414319
Calin

61

Mulai hari ini Anda dapat membatasi koneksi Anda secara native di Google Chrome Canary 46.0.2489.0. Cukup buka Dev Tools dan buka tab Network:

masukkan deskripsi gambar di sini


1
Ini adalah rute termudah, dan tidak memerlukan plugin tambahan.
earl3s

2
Tapi itu tidak berpengaruh pada soket web.
Tom Hubbard

19

Seperti yang dikatakan Michael , API ekstensi Chrome tidak menawarkan cara yang andal untuk melakukan ini. Di samping itu: ada perangkat lunak yang telah saya gunakan untuk beberapa waktu.

Coba Sloppy , aplikasi Java yang mensimulasikan bandwidth rendah. Ini bebas browser, sangat mudah digunakan, dan yang terbaik, gratis!


13

Jika Anda menggunakan Mac, tim pengembang Chrome merekomendasikan 'Alat Kondisioner Tautan Jaringan'

Antara:

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

Atau jika Anda tidak ingin menginstal Xcode:

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

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


Untuk mencari Alat IO Perangkat Keras di situs Apple pada Maret 2016, buka tautan ini . Panel Preferensi "Network Link Conditioner" memungkinkan Anda untuk mengatur bandwidth downlink & uplink,% dari paket yang dijatuhkan dan ditunda.
Greg Sadetsky

11

Di Chrome Canary sekarang Anda dapat membatasi throughput jaringan. Ini dapat dilakukan di opsi "Jaringan" pada tab "Emulasi" di Konsol di Alat Bantu. Anda mungkin perlu mengaktifkan bendera Chrome "Aktifkan percobaan Alat Pengembang" (chrome: // flags / # enable-devtools-experiment) (chrome: // flags) untuk melihat fitur baru ini. Anda dapat mensimulasikan beberapa bandwidth rendah (GSM, GPRS, EDGE, 3G) untuk koneksi seluler.


Ini sangat mudah digunakan, dan juga berfungsi di localhost tanpa pengaturan tambahan. Saran yang bagus.
HockeyJ

2
Tidak dapat menjalankan ini, saya telah mengaktifkan bendera tetapi tidak ada opsi jaringan yang ditampilkan dalam emulasi di bawah alat dev, apakah ini windows saja?
Pez Cuckow

6

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

Simulasikan Koneksi Lambat menggunakan Chrome. Silakan dan instal Chrome jika Anda belum menginstalnya di sistem Anda. Setelah melakukannya, buka tab baru dan kemudian tekan CTRL + SHIFT + I untuk membuka jendela alat pengembang atau klik pada ikon hamburger, lalu Lebih banyak alat dan kemudian alat Pengembang.

masukkan deskripsi gambar di sini

Ini akan memunculkan jendela Alat Pengembang, yang mungkin akan merapat di sisi kanan layar. Saya lebih suka itu merapat di bagian bawah layar karena Anda dapat melihat lebih banyak data. Untuk melakukan ini, klik pada tiga titik vertikal dan kemudian klik pada posisi dock tengah.

masukkan deskripsi gambar di sini

Sekarang maju dan klik pada tab Network. Di sebelah kanan, Anda akan melihat label yang disebut No Throttling.

masukkan deskripsi gambar di sini

Jika Anda mengkliknya, Anda akan mendapatkan daftar dropdown dari kecepatan pra-konfigurasi yang dapat Anda gunakan untuk mensimulasikan koneksi yang lambat.

masukkan deskripsi gambar di sini

Pilihan berkisar dari Offline ke WiFi dan angka-angkanya ditampilkan sebagai Latency, Unduh, Unggah. Yang paling lambat adalah GPRS diikuti oleh Reguler 2G, lalu Bagus 2G, lalu Reguler 3G, Bagus 3G, Reguler 4G, DSL dan kemudian WiFi. Pilih salah satu opsi dan muat ulang halaman tempat Anda berada atau ketik URL lain di bilah alamat. Pastikan Anda berada di tab yang sama di mana alat pengembang ditampilkan. Pelambatan hanya berfungsi untuk tab yang telah Anda aktifkan.

Jika Anda ingin menggunakan nilai spesifik Anda sendiri, Anda dapat mengklik tombol Tambah di bawah Kustom. Klik tombol Tambahkan Profil Kustom untuk menambahkan profil baru.

masukkan deskripsi gambar di sini

Saat menggunakan GPRS, butuh 16 detik untuk memuat! Secara keseluruhan, ini adalah alat hebat yang dibangun langsung ke Chrome yang dapat Anda gunakan untuk menguji waktu buka situs web Anda pada koneksi yang lebih lambat. Jika Anda memiliki pertanyaan, jangan ragu untuk berkomentar. Nikmati!


1
Jawaban yang bagus, Arbaz!
Matt

1
Rinci dan menyeluruh! Terima kasih!
SexyBeast

4

jika Anda tidak terbiasa dengan Fiddler - silakan lakukan. Ini alat debugging yang bagus untuk HTTP. Anda juga memiliki opsi untuk membatasi bandwidth.


Kedua itu ... Fiddler luar biasa. Berikut tautan ke jawaban terkait tentang pembatasan dan penambahan penundaan di Fiddler. stackoverflow.com/questions/16276669/…
JustinParker

1

Saya tidak berpikir apa yang Anda minta dapat dilakukan dengan chrome saja. Yang paling dekat yang bisa saya temukan adalah ini , yang bukan yang Anda inginkan. Saya mendapatkan plugin chrome untuk melakukannya akan menjadi sulit.

Proxy web yang berjalan pada mesin lokal Anda dapat mencapai efek yang Anda inginkan. Pencarian untuk "pelambatan proxy" muncul dengan ini , misalnya.



1

Jika Anda menggunakan OSX, Anda dapat menggunakan: Network Link Conditioner

masukkan deskripsi gambar di sini

Di sini Anda dapat memilih berbagai profil yaitu. Kerugian 100%, 3G, DSL dll.

Silakan temukan tautan di bawah ini untuk mengunduh Network Link Conditioner di sini


-3

Catatan, jangan gunakan Penguji Kecepatan bawaan Chrome (ini akan menunjukkan kepada Anda kecepatan yang tidak dicekik). Alih-alih menggunakan situs lain, seperti Fast.com. Itu akan menunjukkan kecepatan yang diperlambat dengan benar.

Juga, pengaturan pelambatan mungkin disembunyikan dan dapat diakses dari bilah jaringan dengan mengklik panah kecil ke bawah.


1
Hai @ Dandelion. Terima kasih telah meluangkan waktu untuk merespons. Saya tidak yakin respons ini cocok sebagai jawaban, karena itu sebenarnya tidak menjawab pertanyaan. Apa hubungan pengujian kecepatan dengan pertanyaan? Bagaimana bisa fast.comdigunakan di localhost?
Benjamin
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.