จำลองแบนด์วิธที่ จำกัด จากภายใน Chrome ไหม


201

มีวิธีที่ฉันสามารถจำลองความเร็วการเชื่อมต่อจากภายใน Chrome ได้หรือไม่?

ฉันต้องสามารถตรวจสอบhttp: // localhostด้วยความเร็วที่แตกต่างกัน

ฉันรู้ว่ามีแอปพลิเคชันแบบสแตนด์อโลนที่สามารถทำสิ่งนี้ได้ แต่ฉันอยากทำสิ่งนี้ใน Chrome


ส่วนขยายไม่มีระดับการเข้าถึงดังกล่าว Chrome มีเพียง API ส่วนขยายสำหรับงานที่พบบ่อยที่สุดเท่านั้นนี่ไม่ใช่หนึ่งในนั้น
Wladimir Palant

กร้าwebpagetest.org คุณสามารถตั้งค่าความเร็วในการเชื่อมต่อtest settings / connectionได้
Benjamin Crouzier

คำตอบ:


117

ฉันขอแนะนำCharles Proxy - คุณสามารถเลือกที่จะชะลอเว็บไซต์แต่ละแห่งและยังมีเครื่องมือตรวจสอบ HTTP อีกมากมาย

แก้ไข:

ตั้งแต่เดือนมิถุนายน 2014 ตอนนี้ Chrome มีความสามารถในการทำสิ่งนี้ใน DevTools ซึ่งคุณจะต้องใช้ Chrome 38

ตัวเลือกนี้สามารถเข้าถึงได้จากแท็บเครือข่ายผ่านเมนูแบบเลื่อนลงที่ส่วนท้ายของแถบเครื่องมือ


69
คำเตือน: Charles ไม่ฟรี
Charlie

8
คุณจะพบสิ่งนี้ได้ใน Chrome devtools ที่ไหน?
พอล

15
ติดไฟ DevTools ใน Canary ด้านบนสุดคุณมีไอคอนค้นหาไอคอนโทรศัพท์องค์ประกอบเครือข่าย ฯลฯ คลิกไอคอนโทรศัพท์แล้วเลือก Emulation ที่แผงด้านล่างตัวเลือกการจำลองเครือข่ายอยู่ในแผงนั้น
Andy Davies

1
@Andy ughh ... คุณทำให้ไอคอนโทรศัพท์ปรากฏอย่างไร พวกมันเคลื่อนไหวอย่างต่อเนื่องใน Canary ...
นาธาน

36
น่าเสียดายที่การควบคุมปริมาณของ Chrome ใช้งานได้กับการดาวน์โหลดเท่านั้นไม่ใช่การอัปโหลด
JesseBuesking

140

หากคุณใช้งาน Linux คำสั่งต่อไปนี้มีประโยชน์มากสำหรับสิ่งนี้:

trickle -s -d 50 -w 100 firefox

-sบอกคำสั่งในการทำงานแบบสแตนด์อโลนที่-d 50บอกว่ามันแบนด์วิดธ์ จำกัด 50 KB / s ที่-w 100ชุดขนาดสูงสุดหน้าต่างการตรวจสอบ 100 KB firefoxบอกให้คำสั่งเริ่มต้น firefox ด้วยการ จำกัด อัตรานี้ทั้งหมดที่ใช้กับไซต์ใด ๆ ที่พยายามโหลด

ปรับปรุง

Chrome 38 เปิดตัวแล้วและมีการควบคุมปริมาณ ในการค้นหาให้เปิดเครื่องมือนักพัฒนาซอฟต์แวร์ขึ้นมา: Ctrl + Shift + ฉันทำบนเครื่องของฉันไม่เช่นนั้นเมนู -> เครื่องมือเพิ่มเติม -> เครื่องมือสำหรับนักพัฒนาจะนำคุณมาที่นี่

จากนั้นสลับโหมดอุปกรณ์โดยคลิกโทรศัพท์ที่ด้านซ้ายบนของแผงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ (ดูที่เคล็ดลับเครื่องมือด้านล่าง)

สลับโหมดอุปกรณ์

จากนั้นเปิดใช้งานการควบคุมปริมาณอย่างนี้

เปิดใช้งานการควบคุมปริมาณ Chrome

หากคุณพบว่าสิ่งนี้เล็กน้อย clunky ข้อเสนอแนะของฉันด้านบนใช้ได้กับทั้ง Chrome และ Firefox


ฉันลองใช้คุณสมบัติ dev ใน Chrome และอัปโหลดวิดีโอ YouTube ดูเหมือนว่าจะไม่ได้ทำการอัปโหลดเลย
เมื่อ

1
คุณลักษณะการเค้นไม่ใช่การ จำกัด การอัปโหลด สำหรับการทดสอบการดาวน์โหลดและดูว่าหน้าเว็บของคุณโหลดบนการเชื่อมต่ออื่น
เนลสัน

68

เริ่มต้นด้วยChrome 38คุณสามารถทำได้โดยไม่ต้องใช้ปลั๊กอิน เพียงคลิกตรวจสอบองค์ประกอบ (หรือF12ปุ่มลัด) จากนั้นคลิกtoggle device mod( phoneปุ่ม)

ป้อนคำอธิบายรูปภาพที่นี่

และคุณจะเห็นสิ่งนี้:

ป้อนคำอธิบายรูปภาพที่นี่

ในบรรดาคุณสมบัติอื่น ๆ จะช่วยให้คุณจำลองการเชื่อมต่ออินเทอร์เน็ตเฉพาะ (3G, GPRS)


14
สิ่งนี้ดูเหมือนว่าจะใช้งานได้ดีสำหรับการทดสอบการโหลดหน้าเว็บ แต่การทดสอบการอัปโหลด (โดยใช้ xmlhttpreq2) ดูเหมือนจะไม่ถูก จำกัด - แบบออฟไลน์และไม่มีการควบคุมปริมาณทำงาน แต่ระหว่างการอัปโหลดกระบวนการที่ดูเหมือนจะไม่สนใจ GPRS ฯลฯ ข้อ จำกัด - มันจะดีถ้าการอัปโหลดยังอาจจะมีรูปร่างเพื่อให้เราสามารถทดสอบแถบความคืบหน้า, หมดเวลา ฯลฯ
จอช Mc

2
สิ่งนี้ถูกต้องมันเป็นปัญหาที่เกิดขึ้นอย่างยอดเยี่ยมcode.google.com/p/chromium/issues/detail?id=414319
Calin

61

ณ วันนี้คุณสามารถเค้นการเชื่อมต่อของคุณแบบ46.0.2489.0ดั้งเดิมใน Google Chrome Canary เพียงเปิดเครื่องมือ Dev ขึ้นมาแล้วไปที่แท็บเครือข่าย:

ป้อนคำอธิบายรูปภาพที่นี่


1
นี่เป็นเส้นทางที่ง่ายที่สุดและไม่จำเป็นต้องมีปลั๊กอินเพิ่มเติม
earl3s

2
แต่มันไม่มีผลกับ websockets
Tom Hubbard

19

ดังที่Michael กล่าวไว้ API ส่วนขยายของ Chrome ไม่ได้เสนอวิธีที่เชื่อถือได้ในการทำเช่นนี้ ในอีกด้านหนึ่ง:มีซอฟต์แวร์ที่ฉันใช้ตัวเองมาระยะหนึ่งแล้ว

ลองSloppyแอปพลิเคชัน Java ที่จำลองแบนด์วิดท์ต่ำ มันเป็นเบราว์เซอร์ที่เป็นอิสระมันใช้งานง่ายมากและที่สำคัญที่สุดคือฟรี!


13

หากคุณใช้ Mac ทีม Chrome dev แนะนำ 'เครื่องมือเชื่อมต่อเครือข่ายเชื่อมโยง'

ทั้ง:

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

หรือถ้าคุณไม่ต้องการติดตั้ง Xcode:

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

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


หากต้องการค้นหา Hardware IO Tools บนเว็บไซต์ของ Apple ณ เดือนมีนาคม 2559 ให้ไปที่ลิงค์นี้ บานหน้าต่างการตั้งค่า "Network Link Conditioner" อนุญาตให้คุณตั้งค่าแบนด์วิดท์ downlink & uplink,% ของแพ็กเก็ตที่ปล่อยและล่าช้า
เกร็ก Sadetsky

11

ใน Chrome Canary ตอนนี้คุณสามารถ จำกัด ปริมาณงานของเครือข่ายได้ ซึ่งสามารถทำได้ในตัวเลือก "เครือข่าย" ของแท็บ "การจำลอง" ของคอนโซลในเครื่องมือการพัฒนา คุณอาจต้องเปิดใช้งานการตั้งค่าสถานะ Chrome "เปิดใช้งานการทดลองเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์" (chrome: // flag / # enable-devtools-Exper) (chrome: // ค่าสถานะ) เพื่อดูคุณลักษณะใหม่นี้ คุณสามารถจำลองแบนด์วิธต่ำ (GSM, GPRS, EDGE, 3G) สำหรับการเชื่อมต่อมือถือ


มันใช้งานง่ายและใช้งานได้บน localhost โดยไม่ต้องมีการตั้งค่าเพิ่มเติม ข้อเสนอแนะที่ยอดเยี่ยม
HockeyJ

2
ไม่สามารถใช้งานได้ฉันได้เปิดใช้งานการตั้งค่าสถานะ แต่ไม่มีตัวเลือกเครือข่ายแสดงในการจำลองภายใต้เครื่องมือ dev หน้าต่างนี้เท่านั้นหรือไม่
Pez Cuckow

5

บทความต้นฉบับ: https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

จำลองการเชื่อมต่อช้าโดยใช้ Chrome ไปข้างหน้าและติดตั้ง Chrome หากคุณยังไม่ได้ติดตั้งลงในระบบของคุณ เมื่อคุณทำเสร็จแล้วให้เปิดแท็บใหม่แล้วกด CTRL + SHIFT + I เพื่อเปิดหน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์หรือคลิกที่ไอคอนแฮมเบอร์เกอร์จากนั้นคลิกเครื่องมือเพิ่มเติมจากนั้นเลือกเครื่องมือสำหรับนักพัฒนา

ป้อนคำอธิบายรูปภาพที่นี่

นี่จะเป็นการเปิดหน้าต่างเครื่องมือสำหรับนักพัฒนาซึ่งอาจจะเทียบชิดขอบด้านขวาของหน้าจอ ฉันชอบที่นี่ที่ด้านล่างของหน้าจอเนื่องจากคุณสามารถดูข้อมูลเพิ่มเติมได้ ในการทำสิ่งนี้ให้คลิกที่จุดแนวตั้งสามจุดจากนั้นคลิกที่ตำแหน่งท่าเรือกลาง

ป้อนคำอธิบายรูปภาพที่นี่

ตอนนี้ไปข้างหน้าและคลิกที่แท็บเครือข่าย ทางด้านขวาคุณจะเห็นป้ายชื่อไม่มีการควบคุมปริมาณ

ป้อนคำอธิบายรูปภาพที่นี่

หากคุณคลิกที่คุณจะได้รับรายการแบบหล่นลงของความเร็วที่กำหนดไว้ล่วงหน้าซึ่งคุณสามารถใช้เพื่อจำลองการเชื่อมต่อที่ช้า

ป้อนคำอธิบายรูปภาพที่นี่

ตัวเลือกมีให้เลือกตั้งแต่ออฟไลน์ถึง WiFi และตัวเลขจะแสดงเป็นความหน่วงแฝงดาวน์โหลดอัปโหลด ช้าที่สุดคือ GPRS ตามด้วย 2G ปกติแล้วดี 2G แล้วปกติ 3G, 3G ดี, ปกติ 4G, DSL และ WiFi เลือกหนึ่งในตัวเลือกจากนั้นโหลดหน้าเว็บที่คุณอยู่หรือพิมพ์ URL อื่นในแถบที่อยู่ ตรวจสอบให้แน่ใจว่าคุณอยู่ในแท็บเดียวกับที่เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์แสดง การควบคุมปริมาณใช้งานได้กับแท็บที่คุณเปิดใช้งานเท่านั้น

หากคุณต้องการใช้ค่าเฉพาะของคุณเองคุณสามารถคลิกปุ่มเพิ่มภายใต้กำหนดเอง คลิกที่ปุ่มเพิ่มโปรไฟล์ที่กำหนดเองเพื่อเพิ่มโปรไฟล์ใหม่

ป้อนคำอธิบายรูปภาพที่นี่

เมื่อใช้ GPRS จะใช้เวลาโหลด www.google.com นานถึง 16 วินาที! โดยรวมแล้วนี่เป็นเครื่องมือที่ยอดเยี่ยมที่สร้างขึ้นใน Chrome ซึ่งคุณสามารถใช้สำหรับการทดสอบความเร็วในการโหลดเว็บไซต์ของคุณในการเชื่อมต่อที่ช้าลง หากคุณมีคำถามใด ๆ รู้สึกอิสระที่จะแสดงความคิดเห็น สนุก!


1
คำตอบที่ดี Arbaz!
Matt

1
รายละเอียดและละเอียด! ขอบคุณ!
SexyBeast

4

หากคุณไม่คุ้นเคยกับ Fiddler - โปรดทำ เป็นเครื่องมือดีบั๊กสำหรับ HTTP คุณมีตัวเลือกในการ จำกัด แบนด์วิดท์


ที่สองที่ ... พู้ทำเล่นน่ากลัว นี่คือลิงค์ไปยังคำตอบที่เกี่ยวข้องกับการควบคุมปริมาณและเพิ่มความล่าช้าใน Fiddler stackoverflow.com/questions/16276669/…
JustinParker

1

ฉันไม่คิดว่าสิ่งที่คุณถามสามารถทำได้โดยโครเมี่ยมเพียงอย่างเดียว สิ่งที่ฉันพบได้ใกล้ที่สุดคือสิ่งนี้ซึ่งไม่ใช่สิ่งที่คุณต้องการ ฉันได้รับปลั๊กอินของ Chrome เพื่อทำมันจะเป็นเรื่องยาก

เว็บพรอกซีทำงานบนเครื่องท้องถิ่นของคุณสามารถบรรลุผลที่คุณต้องการ ค้นหาสำหรับ "พร็อกซี่อุด" ขึ้นมาด้วยนี้ยกตัวอย่างเช่น



1

หากคุณใช้ OSX คุณสามารถใช้: Network Link Conditioner

ป้อนคำอธิบายรูปภาพที่นี่

ที่นี่คุณสามารถเลือกรูปแบบที่แตกต่างกันเช่น สูญเสีย 100%, 3G, DSL และอื่น ๆ

โปรดหาลิงค์ด้านล่างเพื่อดาวน์โหลด Network Link Conditioner ที่นี่


-3

หมายเหตุอย่าใช้เครื่องทดสอบความเร็วในตัวของ Chrome (จะแสดงความเร็วที่ไม่นับ) ใช้เว็บไซต์อื่นแทนเช่น Fast.com แทน นั่นจะแสดงให้คุณเห็นความเร็วที่ถูกต้อง

นอกจากนี้การตั้งค่าการควบคุมปริมาณอาจถูกซ่อนและสามารถเข้าถึงได้จากแถบเครือข่ายโดยคลิกลูกศรลงเล็ก ๆ


1
สวัสดี @ แดนดิไลอัน ขอบคุณที่สละเวลาตอบ ฉันไม่แน่ใจว่าคำตอบนี้เหมาะสมสำหรับคำตอบเนื่องจากไม่ได้ตอบคำถามจริงๆ การทดสอบความเร็วต้องทำอะไรกับคำถาม วิธีที่สามารถfast.comนำมาใช้ใน localhost?
Benjamin
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.