it-swarm.com.ru

Имитировать ограниченную пропускную способность изнутри Chrome?

Есть ли способ, которым я могу имитировать различные скорости соединения изнутри Chrome?

Мне нужно иметь возможность проверять http: // localhost с разными скоростями.

Я знаю, что есть отдельные приложения, которые могут это сделать, но я бы предпочел сделать это внутри Chrome.

193
user1103744

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

Edit:

По состоянию на июнь 2014 года Chrome теперь имеет возможность делать это в DevTools - вам потребуется Chrome 38.

Опция доступна на вкладке Сеть через раскрывающийся список в конце панели инструментов.

111
Andy Davies

Если вы работаете в Linux, следующая команда действительно полезна для этого:

trickle -s -d 50 -w 100 firefox

-s указывает команде запускать автономно, -d 50 предписывает ей ограничить пропускную способность до 50 КБ/с, -w 100 устанавливает размер окна пикового обнаружения равным 100 КБ. firefox говорит команде запустить firefox со всем этим ограничением скорости, примененным к любым сайтам, которые она пытается загрузить.

Обновление

Chrome 38 уже выпущен и включает дросселирование. Чтобы найти его, откройте Инструменты разработчика: Ctrl + Shift + I делает это на моей машине, в противном случае Меню-> Дополнительные инструменты-> Инструменты разработчика приведет вас туда.

Затем переключите режим устройства, щелкнув телефон в верхнем левом углу панели инструментов разработчика (см. Подсказку ниже).

Toggle device mode

Затем активируйте дросселирование вот так.

Activate Chrome throttling

Если вы находите это немного неуклюжим, мое предложение выше работает как для Chrome, так и для Firefox.

136
Richard

Начиная с Chrome 38 вы можете сделать это без каких-либо плагинов. Просто нажмите проверить элемент (или F12 горячая клавиша), затем нажмите toggle device mod (кнопка phone)

enter image description here

и вы увидите что-то вроде этого:

enter image description here

Среди многих других функций он позволяет моделировать конкретное интернет-соединение (3G, GPRS).

68
Salvador Dali

На сегодняшний день вы можете регулировать ваше соединение в Google Chrome Canary 46.0.2489.0. Просто откройте Dev Tools и перейдите на вкладку Network:

enter image description here

61
Pono

Как сказал Майкл , API расширения Chrome не предлагает надежного способа сделать это. С другой стороны: есть программное обеспечение, которым я сам пользуюсь уже довольно давно.

Попробуйте Sloppy , приложение Java, которое имитирует низкую пропускную способность. Он не зависит от браузера, очень прост в использовании и, что самое главное, бесплатен!

19
caiosm1005

Если вы работаете на Mac, команда разработчиков Chrome рекомендует "Инструмент Network Link Conditioner"

Или:

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

13
Sean McClory

В Chrome Canary теперь вы можете ограничить пропускную способность сети. Это можно сделать с помощью параметров "Сеть" на вкладке "Эмуляция" консоли в инструментах разработчика. Вам может потребоваться активировать флаг Chrome "Эксперименты с инструментами разработчика" (chrome: // flags/# enable-devtools-эксперименты) (chrome: // flags), чтобы увидеть эту новую функцию. Вы можете смоделировать некоторую низкую пропускную способность (GSM, GPRS, Edge, 3G) для мобильных соединений.

11
Mauricio Sánchez

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

Имитация медленного подключения с помощью Chrome Продолжайте установку Chrome, если она еще не установлена ​​в вашей системе. Как только вы это сделаете, откройте новую вкладку и затем нажмите CTRL + SHIFT + I, чтобы открыть окно инструментов разработчика, или щелкните значок гамбургера, затем Дополнительные инструменты и затем Инструменты разработчика.

enter image description here

Это откроет окно инструментов разработчика, которое, вероятно, будет закреплено в правой части экрана. Я предпочитаю закреплять его внизу экрана, так как вы можете видеть больше данных. Для этого нажмите на три вертикальные точки, а затем нажмите на среднюю позицию дока.

enter image description here

Теперь перейдите на вкладку Сеть. Справа вы должны увидеть ярлык под названием No Throttling.

enter image description here

Если вы нажмете на это, вы получите выпадающий список с предварительно настроенной скоростью, которую вы можете использовать для симуляции медленного соединения.

enter image description here

Доступны варианты от Offline до WiFi, а номера отображаются как Latency, Download, Upload. Самым медленным является GPRS, за которым следуют Regular 2G, затем Good 2G, затем Regular 3G, Good 3G, Regular 4G, DSL и затем WiFi. Выберите один из вариантов, а затем перезагрузите страницу, на которой вы находитесь, или введите другой URL-адрес в адресной строке. Просто убедитесь, что вы находитесь на той же вкладке, где отображаются инструменты разработчика. Регулирование работает только для той вкладки, для которой он включен.

Если вы хотите использовать свои собственные конкретные значения, вы можете нажать кнопку Добавить в разделе Пользовательский. Нажмите на кнопку Добавить пользовательский профиль, чтобы добавить новый профиль.

enter image description here

При использовании GPRS www.google.com потребовалось колоссальные 16 секунд для загрузки! В целом, это отличный инструмент, встроенный прямо в Chrome, который вы можете использовать для тестирования времени загрузки вашего сайта при медленных соединениях. Если у вас есть какие-либо вопросы, не стесняйтесь комментировать. Наслаждайтесь!

4
Arbaz Alam

если вы не знакомы с Fiddler - пожалуйста. Это отличный инструмент для отладки HTTP. У вас также есть возможность ограничить пропускную способность.

4
Yuki

Если вы используете OSX, вы можете использовать: Network Link Conditioner

enter image description here

Здесь вы можете выбрать разные профили т.е. 100% потеря, 3G, DSL и т.д.

Пожалуйста, найдите ссылку ниже, чтобы загрузить Network Link Conditioner здесь

1
Kiran Sk

Я не думаю, что то, что вы просите, может быть выполнено одним chrome. Самое близкое, что я мог найти, было это , а это не то, что вы хотите. Я получаю плагин chrome, чтобы сделать это, будет трудно.

Веб-прокси, работающий на вашем локальном компьютере, может достичь желаемого эффекта. Например, для поиска "прокси-сервер регулирования" было задано this .

1
Michael Slade

Как предлагается на страница эмуляции Chrome Mobile , вы можете использовать Clumsy в Windows, Network Link Conditioner в Mac OS X и dummynet в Linux.

1
tehwalris