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

202

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

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

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

user1103744
источник
Расширение определенно не имеет такого уровня доступа. Chrome предоставляет только API расширения для наиболее распространенных задач, и это не одна из них.
Владимир Палант
Оформить заказ webpagetest.org . Вы можете установить скорость соединения под test settings / connection.
Бенджамин Крузье

Ответы:

117

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

Редактировать:

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

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

Энди Дэвис
источник
69
Предупреждение: Чарльз не свободен
Чарли
8
Где вы найдете это в Chrome Devtools?
Пол
15
Запустите DevTools в Canary, в верхней части экрана вы увидите значок поиска, значок телефона, элементы, сеть и т. Д. Щелкните значок телефона и выберите «Эмуляция» на нижней панели, на этой панели есть параметры эмуляции сети
Энди Дэвис,
1
@ Энди, тьфу ... Как у тебя появился значок телефона? Они продолжают что-то передвигать на Канарских островах ...
Натан,
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 + I делает это на моей машине, в противном случае Меню-> Дополнительные инструменты-> Инструменты разработчика приведет вас туда.

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

Переключить режим устройства

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

Активировать дросселирование Chrome

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

Ричард
источник
Я попробовал функцию разработки в Chrome и загрузил видео с YouTube. Похоже, это не ограничивало загрузку.
Чт
1
Функция газа не является ограничителем загрузки. Это для тестирования загрузки и просмотра, как ваша страница загружается при другом подключении.
Нельсон,
68

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

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

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

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

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

Сальвадор Дали
источник
14
Похоже, что это хорошо работает для тестирования загрузки страницы, однако загрузка загрузки (с использованием xmlhttpreq2), по-видимому, не была ограничена. - в автономном режиме и никакого регулирования не сработало, но во время загрузки процесс, похоже, игнорирует ограничения GPRS и т. д. - было бы неплохо, если бы загрузка могла также иметь такую ​​форму, чтобы мы могли тестировать индикаторы выполнения, тайм-ауты и т. д.
Джош Мак,
2
Это правильно, это нерешенный вопрос code.google.com/p/chromium/issues/detail?id=414319
Калин
61

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

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

Pono
источник
1
Это самый простой маршрут и не требует дополнительных плагинов.
earl3s
2
Но это не влияет на веб-сокеты.
Том Хаббард,
19

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

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

caiosm1005
источник
13

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

Либо:

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

Шон МакКлори
источник
Чтобы найти Аппаратные средства ввода-вывода на сайте Apple по состоянию на март 2016 года, перейдите по этой ссылке . Панель настроек «Network Link Conditioner» позволяет вам установить пропускную способность нисходящей линии связи и восходящей линии связи,% отброшенных пакетов и задержку.
Грег Садецкий
11

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

Маурисио Санчес
источник
Это так просто в использовании, а также работает на локальном хосте без каких-либо дополнительных настроек. Отличное предложение.
ХоккейJ
2
Не могу заставить это работать, я включил флаг, но никакая опция сети не показывается в эмуляции под инструментами разработки, это только окна?
Pez Cuckow
6

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

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

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

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

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

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

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

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

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

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

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

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

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

Арбаз Алам
источник
1
Хороший ответ, Арбаз!
Мэтт
1
Подробно и основательно! Спасибо!
SexyBeast
4

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

Yuki
источник
Второе, что ... Скрипач потрясающий. Вот ссылка на соответствующий ответ, касающийся регулирования и добавления задержек в Fiddler. stackoverflow.com/questions/16276669/…
JustinParker
1

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

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

Майкл Слэйд
источник
1

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

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

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

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

Киран Ск
источник
-3

Обратите внимание, что не используйте встроенный в Chrome Speed ​​Tester (он покажет вам скорость без контроля). Вместо этого используйте другой сайт, например Fast.com. Это покажет вам правильно задушенные скорости.

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

одуванчик
источник
1
Привет @ Одуванчик. Спасибо что нашли время ответить. Я не уверен, что этот ответ уместен в качестве ответа, поскольку на самом деле он не отвечает на вопрос. Что общего у скоростного тестирования с вопросом? Как можно fast.comиспользовать на localhost?
Бенджамин