Моделюйте обмежену пропускну здатність всередині Chrome?


201

Чи є спосіб я імітувати різні швидкості з'єднання з Chrome?

Мені потрібно мати можливість перевірити http: // localhost з різною швидкістю.

Я знаю, що існують окремі програми, які можуть це зробити, але я б краще це робив у Chrome.


Розширення точно не має такого рівня доступу. Chrome надає API розширення лише для найбільш поширених завдань, і це не одна з них.
Володимир Палант

Оформити замовлення webpagetest.org . Ви можете встановити швидкість з'єднання під test settings / connection.
Бенджамін Крозьє

Відповіді:


117

Я б порекомендував Charles Proxy - ви можете сповільнити окремі сайти, також є ціла купа інструментів перевірки HTTP.

Редагувати:

Станом на червень 2014 року Chrome тепер має можливість робити це в оригінальному форматі в DevTools - вам знадобиться Chrome 38.

Цей параметр доступний на вкладці "Мережа" через спадне меню в кінці панелі інструментів.


69
Попередження: Чарльз не вільний
Чарлі

8
Де ви це знаходите в хромованих девтолях?
Пол

15
Запустіть DevTools в Канарі, вгорі у вас є значок пошуку, піктограма телефону, елементи, мережа тощо. Клацніть піктограму телефону, а потім виберіть Емуляція на нижній панелі, параметри мережевої емуляції знаходяться на цій панелі
Енді Девіс

1
@Andy ughh ... Як ви з'явилися значок телефону? Вони продовжують рухати речі на Канарі ...
Натан,

36
На жаль, дроселювання в Chrome працює лише із завантаженнями, а не з завантаженнями.
JesseBuesking

140

Якщо ви працюєте з Linux, для цього дійсно корисна наступна команда:

trickle -s -d 50 -w 100 firefox

Команда -sкаже команді запустити автономний режим, -d 50вказує йому обмежити пропускну здатність до 50 Кб / с, -w 100встановити розмір вікна виявлення піку на 100 КБ. firefoxповідомляє команду запустити Firefox з усім цим обмеженням швидкості, застосованим до будь-яких сайтів, які вона намагається завантажити.

Оновлення

Зараз у Chrome 38 немає і включає дроселювання. Щоб знайти його, підберіть Інструменти для розробників: Ctrl + Shift + Я це роблю на своїй машині, інакше Меню-> Інші інструменти-> Інструменти для розробників приведуть вас туди.

Потім перемкніть режим "Режим пристрою", натиснувши телефон у верхньому лівому куті Панелі інструментів розробника (див. Підказку нижче).

Переключення режиму пристрою

Потім активуйте дроселювання так.

Активуйте заглушку Chrome

Якщо ви вважаєте це трохи незграбним, моя вище пропозиція працює як для Chrome, так і для Firefox.


Я спробував розробити функцію в Chrome і завантажив відео на YouTube. Схоже, це зовсім не зменшило завантаження.
ЧОЛ

1
Функція дроселя не є обмежувачем завантаження. Це для тестування завантаження та перегляду того, як ваша сторінка завантажується в іншому з'єднанні.
Нельсон

68

Починаючи з Chrome 38, ви можете це зробити без плагінів. Просто натисніть на оглянути елемент (або F12гарячу клавішу), а потім натисніть toggle device mod( phoneкнопку)

введіть тут опис зображення

і ви побачите щось подібне:

введіть тут опис зображення

Серед багатьох інших функцій він дозволяє імітувати певне підключення до Інтернету (3G, GPRS)


14
Здається, це добре працює для тестування завантаження сторінки, проте завантаження (використовуючи xmlhttpreq2) не видається обмеженим. - в режимі офлайн і жодне дроселювання не працювало, але під час завантаження процес, здається, ігнорує обмеження GPRS тощо. - Було б непогано, якби завантаження також могло бути сформованим, щоб ми могли протестувати смуги прогресу, тайм-аути тощо.
Джош Мак,

2
Це правильно, це нерішуча
Calin

61

На сьогоднішній день ви можете своєчасно відключити з'єднання в Google Chrome Canary 46.0.2489.0. Просто відкрийте Dev Tools і перейдіть на вкладку Мережа:

введіть тут опис зображення


1
Це найпростіший маршрут і не потребує додаткових плагінів.
earl3s

2
Але це не впливає на веб-розетки.
Том Хаббард

19

Як сказав Майкл , API розширення Chrome не пропонує надійного способу цього зробити. З іншого боку: є програмне забезпечення, яким я користуюся вже досить давно.

Спробуйте Sloppy , програму Java, яка імітує низьку пропускну здатність. Це незалежний браузер, він дуже простий у використанні і, найкраще, безкоштовно!


13

Якщо ви працюєте на Mac, команда розробників Chrome рекомендує "Інструмент кондиціонера для мережевих посилань"

Або:

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


Для пошуку апаратних засобів IO на сайті Apple станом на березень 2016 року перейдіть за цим посиланням . Панель налаштувань «Кондиціонер мережевих посилань» дозволяє встановити пропускну здатність низхідній лінії зв'язку та висхідної лінії зв'язку,% скинутих пакетів та затримати.
Грег Садецький

11

У Chrome Canary тепер ви можете обмежити пропускну здатність мережі. Це можна зробити на "Параметри мережі" на вкладці "Емуляція" консолі в Інструментах розробників. Можливо, вам потрібно буде активувати прапор Chrome "Увімкнути експерименти інструментів для розробників" (chrome: // flags / # enable-devtools-експерименти) (chrome: // flags), щоб побачити цю нову функцію. Ви можете імітувати невелику пропускну здатність (GSM, GPRS, EDGE, 3G) для мобільних з'єднань.


Це так просто у використанні, а також працює у localhost без додаткових налаштувань. Відмінна пропозиція.
ХокейJ

2
Не можу це працювати, я ввімкнув прапор, але жодна мережева опція не відображається в емуляції під інструментами розробників, чи це лише вікна?
Pez Cuckow

5

Оригінальна стаття: https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

Моделюйте повільне підключення за допомогою Chrome. Вперед та інсталюйте Chrome, якщо він ще не встановлений у вашій системі. Після цього відкрийте нову вкладку, а потім натисніть CTRL + SHIFT + I, щоб відкрити вікно інструментів для розробників або натисніть на піктограму гамбургера, потім Додаткові інструменти та інструменти для розробників.

введіть тут опис зображення

Це відкриє вікно Інструменти для розробників, яке, ймовірно, буде встановлено в правій частині екрана. Я вважаю за краще стикований в нижній частині екрана, оскільки ви можете побачити більше даних. Для цього натисніть на три вертикальні точки, а потім клацніть на середній позиції дока.

введіть тут опис зображення

Тепер ідіть вперед і натисніть на вкладку Мережа. Праворуч ви повинні побачити мітку під назвою No Throttling.

введіть тут опис зображення

Якщо натиснути на це, ви отримаєте випадаючий список заздалегідь налаштованої швидкості, який можна використовувати для імітації повільного з'єднання.

введіть тут опис зображення

Вибір варіюється від автономного до Wi-Fi, а номери відображаються як затримка, завантаження, завантаження. Найповільнішим є GPRS, за ним слід звичайний 2G, потім хороший 2G, потім звичайний 3G, хороший 3G, звичайний 4G, DSL, а потім WiFi. Виберіть один із варіантів, а потім перезавантажте сторінку, на якій ви перебуваєте, або введіть іншу URL-адресу в адресному рядку. Просто переконайтеся, що ви знаходитесь в тій самій вкладці, де відображаються інструменти для розробників. Дроселювання працює лише на вкладці, для якої ви увімкнено.

Якщо ви хочете використовувати власні конкретні значення, ви можете натиснути кнопку Додати в розділі Спеціальні. Натисніть кнопку Додати спеціальний профіль, щоб додати новий профіль.

введіть тут опис зображення

Під час використання GPRS для завантаження на www.google.com знадобилося цілих 16 секунд! Загалом, це чудовий інструмент, вбудований прямо в Chrome, який ви можете використовувати для тестування часу завантаження вашого веб-сайту на повільніших з'єднаннях. Якщо у вас є якісь питання, сміливо коментуйте. Насолоджуйтесь!


1
Гарна відповідь, Арбазе!
Метт

1
Детально і ретельно! Дякую!
SexyBeast

4

якщо ви не знайомі з Fiddler - будь ласка. Це чудовий інструмент налагодження для HTTP. Також у вас є можливість обмежити пропускну здатність.


По-друге, що ... Фіддлер - приголомшливий. Ось посилання на відповідну відповідь, що стосується дроселювання та додавання затримок у Fiddler. stackoverflow.com/questions/16276669 / ...
JustinParker

1

Я не думаю, що те, що ви просите, може зробити хром поодинці. Найближчим, що я міг знайти, було це , що не те, чого ти хочеш. Мені отримати хромований плагін зробити це було б важко.

Веб-проксі, що працює на вашій локальній машині, може досягти бажаного ефекту. Пошуки «дросселирование проксі» придумали це , наприклад.



1

Якщо ви використовуєте OSX, ви можете використовувати: Network Link Conditioner

введіть тут опис зображення

Тут ви можете вибрати різні профілі, тобто. 100% втрати, 3G, DSL і т.д.

Знайдіть посилання нижче, щоб завантажити Кондиціонер мережевої посилання тут


-3

Зауважте, не використовуйте вбудований в тестер швидкості Chrome (він покаже вам нереалізовану швидкість). Замість цього використовуйте інший сайт, наприклад Fast.com. Це покаже вам нормально скорочені швидкості.

Крім того, налаштування дроселювання можуть бути прихованими і отримати доступ до них можна з мережевої панелі, натиснувши крихітну стрілку вниз.


1
Привіт @Dandelion Дякуємо, що знайшли час для відповіді. Я не впевнений, що ця відповідь підходить як відповідь, оскільки вона фактично не відповідає на питання. Що стосується тестування швидкості? Як можна fast.comвикористовувати на localhost?
Бенджамін
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.