Mô phỏng băng thông hạn chế từ trong Chrome?


201

Có cách nào để tôi có thể mô phỏng các tốc độ kết nối khác nhau từ trong Chrome không?

Tôi cần có thể kiểm tra http: // localhost với tốc độ khác nhau.

Tôi biết có những ứng dụng độc lập có thể làm điều này, nhưng tôi muốn làm điều này hơn trong Chrome.


Một phần mở rộng chắc chắn không có mức truy cập đó. Chrome chỉ cung cấp API tiện ích mở rộng cho các tác vụ phổ biến nhất và đây không phải là một trong số chúng.
Wladimir Palant

Thanh toán webpagetest.org . Bạn có thể đặt tốc độ kết nối bên dưới test settings / connection.
Benjamin Crouzier

Câu trả lời:


117

Tôi muốn giới thiệu Charles Proxy - bạn có thể chọn làm chậm các trang web riêng lẻ, cũng có cả đống công cụ kiểm tra HTTP.

Biên tập:

Kể từ tháng 6 năm 2014, Chrome hiện có khả năng thực hiện việc này một cách tự nhiên trong DevTools - mặc dù vậy bạn sẽ cần Chrome 38.

Tùy chọn có thể truy cập từ tab Mạng thông qua trình đơn thả xuống ở cuối thanh công cụ.


69
Một cảnh báo: Charles không miễn phí
Charlie

8
Nơi nào bạn tìm thấy điều này trong chrome devtools?
Paul

15
Bật DevTools trong Canary, dọc theo đỉnh bạn có biểu tượng tìm kiếm, biểu tượng điện thoại, Yếu tố, Mạng, v.v. Nhấp vào biểu tượng điện thoại và sau đó chọn Thi đua ở bảng dưới cùng, các tùy chọn mô phỏng mạng nằm trong bảng đó
Andy Davies

1
@Andy ughh ... Làm thế nào bạn có biểu tượng điện thoại xuất hiện? Họ tiếp tục di chuyển mọi thứ xung quanh trong Canary ...
Nathan

36
Thật không may, điều chỉnh trong Chrome chỉ hoạt động với tải xuống, không tải lên.
JesseBuesking

140

Nếu bạn đang chạy Linux, lệnh sau thực sự hữu ích cho việc này:

trickle -s -d 50 -w 100 firefox

Các -sbảo các lệnh để chạy độc lập, -d 50nói với nó để băng thông giới hạn đến 50 KB / s, -w 100bộ đỉnh cửa sổ phát hiện kích thước 100 KB. firefoxthông báo lệnh khởi động firefox với tất cả các giới hạn tốc độ này được áp dụng cho bất kỳ trang web nào nó cố tải.

Cập nhật

Chrome 38 đã ra mắt và bao gồm cả điều chỉnh. Để tìm thấy nó, hãy hiển thị Công cụ dành cho nhà phát triển: Ctrl + Shift + Tôi thực hiện trên máy của mình, nếu không Menu-> Công cụ khác-> Công cụ dành cho nhà phát triển sẽ đưa bạn đến đó.

Sau đó chuyển đổi Chế độ thiết bị bằng cách nhấp vào điện thoại ở phía trên bên trái của Bảng điều khiển công cụ dành cho nhà phát triển (xem chú giải công cụ bên dưới).

Chuyển đổi chế độ thiết bị

Sau đó kích hoạt điều tiết như vậy.

Kích hoạt điều chỉnh Chrome

Nếu bạn thấy điều này hơi rắc rối, đề xuất của tôi ở trên hoạt động cho cả Chrome và Firefox.


Tôi đã thử tính năng dev trong Chrome và tải lên video YouTube. Nó dường như không tăng tốc tải lên.
WHol

1
Tính năng điều tiết không phải là một giới hạn tải lên. Đó là để thử nghiệm tải xuống và xem cách trang của bạn tải trên một kết nối khác.
Nelson

68

Bắt đầu với Chrome 38, bạn có thể thực hiện việc này mà không cần bất kỳ plugin nào. Chỉ cần nhấp vào kiểm tra phần tử (hoặc F12phím nóng), sau đó nhấp vào toggle device mod( phonenút)

nhập mô tả hình ảnh ở đây

và bạn sẽ thấy một cái gì đó như thế này:

nhập mô tả hình ảnh ở đây

Trong số nhiều tính năng khác, nó cho phép bạn mô phỏng kết nối internet cụ thể (3G, GPRS)


14
Điều này dường như hoạt động tốt để kiểm tra tải trang, tuy nhiên kiểm tra tải lên (sử dụng xmlhttpreq2) dường như không bị giới hạn. - ngoại tuyến và không có điều chỉnh hoạt động, nhưng trong quá trình tải lên, quy trình dường như bỏ qua các giới hạn GPRS, v.v. - thật tuyệt nếu tải lên cũng có thể được định hình để chúng tôi có thể kiểm tra các thanh tiến trình, thời gian chờ, v.v.
Josh Mc

2
Điều này là chính xác, đây là một vấn đề nổi bật code.google.com/p/chromium/issues/detail?id=414319
Calin

61

Kể từ hôm nay, bạn có thể điều tiết kết nối của mình một cách tự nhiên trong Google Chrome Canary 46.0.2489.0. Chỉ cần mở Dev Tools và đi tới tab Mạng:

nhập mô tả hình ảnh ở đây


1
Đây là con đường dễ nhất và không yêu cầu bổ sung.
Earl3s

2
Nhưng nó không có ảnh hưởng đến websockets.
Tom Hubbard

19

Như Michael đã nói , API tiện ích mở rộng của Chrome không cung cấp cách thức đáng tin cậy để thực hiện việc này. Mặt khác: có một phần mềm tôi đã sử dụng bản thân khá lâu.

Hãy thử Sloppy , một ứng dụng Java mô phỏng băng thông thấp. Nó độc lập với trình duyệt, nó rất dễ sử dụng và tốt nhất là miễn phí!


13

Nếu bạn đang sử dụng máy Mac, nhóm nhà phát triển Chrome khuyên dùng 'Công cụ điều hòa liên kết mạng'

Hoặc:

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

Hoặc nếu bạn không muốn cài đặt Xcode:

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

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


Để tìm kiếm Công cụ IO Phần cứng trên trang web của Apple kể từ tháng 3 năm 2016, hãy truy cập liên kết này . Ngăn tùy chọn "Điều kiện liên kết mạng" cho phép bạn đặt băng thông đường xuống & đường lên,% gói bị bỏ và độ trễ.
Greg Sadetsky

11

Trong Chrome Canary bây giờ bạn có thể giới hạn thông lượng mạng. Điều này có thể được thực hiện trong các tùy chọn "Mạng" của tab "Thi đua" của Bảng điều khiển trong Công cụ phát triển. Bạn có thể cần kích hoạt cờ Chrome "Bật thử nghiệm Công cụ dành cho nhà phát triển" (chrome: // flags / # enable-devtools-tests) (chrome: // flags) để xem tính năng mới này. Bạn có thể mô phỏng một số băng thông thấp (GSM, GPRS, EDGE, 3G) cho các kết nối di động.


Điều này rất dễ sử dụng và cũng hoạt động trên localhost mà không cần thiết lập thêm. Đề nghị tuyệt vời.
Khúc côn cầu

2
Không thể làm việc này, tôi đã bật cờ nhưng không có tùy chọn mạng nào hiển thị trong mô phỏng theo công cụ dev, chỉ có cửa sổ này?
Pez Cuckow

5

Bài viết gốc: https://helpdeskgeek.com/networking/simulation-slow-iNET-connection-testing/

Mô phỏng kết nối chậm bằng Chrome Đi trước và cài đặt Chrome nếu bạn chưa cài đặt nó trên hệ thống của mình. Khi bạn thực hiện, hãy mở một tab mới và sau đó nhấn CTRL + SHIFT + I để mở cửa sổ công cụ dành cho nhà phát triển hoặc nhấp vào biểu tượng bánh hamburger, sau đó Thêm công cụ và sau đó là Công cụ dành cho nhà phát triển.

nhập mô tả hình ảnh ở đây

Thao tác này sẽ hiển thị cửa sổ Công cụ dành cho nhà phát triển, có thể sẽ được đặt ở bên phải màn hình. Tôi thích nó được neo ở dưới cùng của màn hình vì bạn có thể xem thêm dữ liệu. Để làm điều này, bấm vào ba dấu chấm dọc và sau đó bấm vào vị trí dock giữa.

nhập mô tả hình ảnh ở đây

Bây giờ hãy tiếp tục và nhấp vào tab Mạng. Ở bên phải, bạn sẽ thấy một nhãn gọi là Không điều tiết.

nhập mô tả hình ảnh ở đây

Nếu bạn nhấp vào đó, bạn sẽ nhận được danh sách thả xuống về tốc độ được cấu hình sẵn mà bạn có thể sử dụng để mô phỏng kết nối chậm.

nhập mô tả hình ảnh ở đây

Các lựa chọn từ Ngoại tuyến đến WiFi và các số được hiển thị là Độ trễ, Tải xuống, Tải lên. Chậm nhất là GPRS theo sau là 2G thông thường, sau đó là 2G tốt, sau đó là 3G thông thường, 3G tốt, 4G thông thường, DSL và sau đó là WiFi. Chọn một trong các tùy chọn và sau đó tải lại trang bạn đang truy cập hoặc nhập URL khác vào thanh địa chỉ. Chỉ cần đảm bảo rằng bạn đang ở trong cùng một tab nơi các công cụ dành cho nhà phát triển đang được hiển thị. Điều chỉnh chỉ hoạt động cho tab bạn đã bật.

Nếu bạn muốn sử dụng các giá trị cụ thể của riêng mình, bạn có thể nhấp vào nút Thêm bên dưới Tùy chỉnh. Nhấp vào nút Thêm hồ sơ tùy chỉnh để thêm một hồ sơ mới.

nhập mô tả hình ảnh ở đây

Khi sử dụng GPRS, www.google.com mất 16 giây để tải! Nhìn chung, đây là một công cụ tuyệt vời được tích hợp ngay trên Chrome mà bạn có thể sử dụng để kiểm tra thời gian tải trang web của mình trên các kết nối chậm hơn. Nếu bạn có bất kỳ câu hỏi, hãy bình luận. Thưởng thức!


1
Câu trả lời tốt, Arbaz!
Matt

1
Chi tiết và kỹ lưỡng! Cảm ơn!
SexyBeast

4

nếu bạn không quen thuộc với Fiddler - vui lòng làm. Đây là một công cụ sửa lỗi tuyệt vời cho HTTP. Bạn cũng có tùy chọn để giới hạn băng thông.


Thứ hai rằng ... Fiddler thật tuyệt vời. Đây là một liên kết đến một câu trả lời liên quan về điều chỉnh và thêm sự chậm trễ trong Fiddler. stackoverflow.com/questions/16276669/
Mạnh

1

Tôi không nghĩ những gì bạn yêu cầu có thể được thực hiện chỉ bằng chrome. Gần nhất tôi có thể tìm thấy là cái này , đó không phải là những gì bạn muốn. Tôi nhận được một plugin chrome để làm điều đó sẽ là Hard.

Một proxy web chạy trên máy cục bộ của bạn có thể đạt được hiệu quả bạn muốn. Một tìm kiếm cho "proxy điều tiết" đã đưa ra điều này , ví dụ.



1

Nếu bạn đang sử dụng OSX, bạn có thể sử dụng: Điều hòa liên kết mạng

nhập mô tả hình ảnh ở đây

Ở đây bạn có thể chọn hồ sơ khác nhau tức là. Mất 100%, 3G, DSL, v.v.

Vui lòng tìm liên kết dưới đây để tải về Điều hòa liên kết mạng tại đây


-3

Lưu ý, không sử dụng Bộ kiểm tra tốc độ tích hợp của Chrome (nó sẽ hiển thị cho bạn tốc độ chưa được điều chỉnh). Thay vì sử dụng một trang web khác, như Fast.com. Điều đó sẽ cho bạn thấy tốc độ tiết lưu đúng.

Ngoài ra, cài đặt điều chỉnh có thể bị ẩn và có thể được truy cập từ thanh mạng bằng cách nhấp vào mũi tên xuống nhỏ.


1
Xin chào @Dandelion. Cảm ơn đã dành thời gian trả lời. Tôi không chắc câu trả lời này phù hợp như một câu trả lời, vì nó không thực sự trả lời câu hỏi. Kiểm tra tốc độ có liên quan gì đến câu hỏi? Làm thế nào có thể fast.comđược sử dụng trên localhost?
Benjamin
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.