Используйте панель «Датчики» , чтобы эмулировать ввод данных с датчиков любого устройства.
Обзор
Панель «Датчики» позволяет выполнять следующие действия:
- Изменить геолокацию .
- Имитация ориентации .
- Силовое касание .
- Имитация состояния детектора в режиме ожидания .
Откройте панель «Датчики».
В зависимости от вашей операционной системы, нажмите следующую кнопку, чтобы открыть командное меню:
- В macOS: Command + Shift + P
- В Windows, Linux или ChromeOS нажмите Control + Shift + P.
Введите
sensors, выберите Show Sensors и нажмите Enter . В нижней части окна DevTools откроется панель Sensors .
Изменить геолокацию
Многие веб-сайты используют местоположение пользователя для предоставления более релевантной информации. Например, сайт погоды может показать местный прогноз для региона пользователя, после того как пользователь предоставит сайту разрешение на доступ к своему местоположению.
Если вы создаёте пользовательский интерфейс, который меняется в зависимости от местоположения пользователя, вам, вероятно, захочется убедиться, что сайт корректно работает в разных местах по всему миру.
Чтобы изменить местоположение, откройте панель «Датчики» и в списке «Геолокация» выберите один из следующих вариантов:
- Один из предустановленных городов, например, Токио .
- Укажите местоположение для ввода пользовательских координат долготы и широты.
- Выберите пункт «Местоположение недоступно» , чтобы увидеть, как ваш сайт будет работать, когда местоположение пользователя недоступно.
Имитация ориентации устройства
Для имитации различных ориентаций устройства откройте панель «Датчики» и в списке «Ориентация» выберите одну из следующих:
- Одна из предустановленных ориентаций, например, «Портрет вверх ногами» .
- Настройте ориентацию , чтобы задать точное положение.
После выбора параметра «Пользовательская ориентация» поля «альфа» , «бета» и «гамма» становятся доступными. См. разделы «Альфа» , «Бета» и «Гамма» , чтобы понять, как работают эти оси.
Вы также можете задать пользовательскую ориентацию, перетащив элемент « Модель ориентации» . Удерживайте клавишу Shift перед перетаскиванием, чтобы повернуть элемент вдоль оси альфа-канала .
Силовое касание
Чтобы проверить события касания на вашем веб-сайте, вы можете принудительно установить касание вместо щелчка, даже если тестирование проводится на устройстве без сенсорного экрана.
Чтобы инициировать события касания с помощью указателя мыши:
- Откройте панель «Датчики» .
- В раскрывающемся списке «Сенсорное управление» выберите «Принудительное касание» .
- В появившемся окне нажмите кнопку «Перезагрузить инструменты разработчика» .
Имитация состояния неактивного детектора
API обнаружения бездействия позволяет обнаруживать неактивных пользователей и реагировать на изменения состояния бездействия. С помощью DevTools вы можете эмулировать изменения состояния бездействия как для состояния пользователя, так и для состояния экрана, вместо того чтобы ждать фактического изменения состояния бездействия.
Для имитации состояний простоя:
Установите флажок рядом с пунктом «Временный» и в появившемся окне предоставьте демонстрационной странице разрешение на обнаружение простоя. Затем перезагрузите страницу.
В раскрывающемся списке «Emulate Idle detector State» выберите один из следующих вариантов:
- Нет эмуляции в режиме ожидания
- Пользователь активен, экран разблокирован.
- Пользователь активен, экран заблокирован
- Пользователь бездействует, экран разблокирован.
- Пользователь бездействует, экран заблокирован
Эмуляция аппаратной параллельности
Чтобы имитировать работу вашего веб-сайта на устройствах с разным количеством процессорных ядер, вы можете переопределить значение, сообщаемое свойством navigator.hardwareConcurrency . Некоторые приложения используют это свойство для управления степенью параллелизма, например, для управления размером пула pthread Emscripten .
Для эмуляции аппаратной параллельности:
- Откройте панель «Датчики» .
- В нижней части панели найдите и включите «Аппаратная параллельность» .
- В поле ввода числа укажите количество ядер, которые вы хотите эмулировать.
Чтобы вернуться к значению по умолчанию, нажмите кнопку сброс» .
Имитация нагрузки на процессор
Нагрузка на ЦП (или вычислительная нагрузка) — это набор сообщаемых состояний, которые дают представление о том, насколько велика вычислительная нагрузка системы и близка ли она к пределу. Эта информация позволяет адаптировать ваше приложение реального времени, например, видеоконференцсвязь или видеоигру, чтобы использовать всю доступную вычислительную мощность, сохраняя при этом быстродействие системы за счет адаптации нагрузки в реальном времени.
Панель «Датчики» позволяет эмулировать состояния, которые могут быть переданы через API вычисления давления .
Чтобы имитировать нагрузку на процессор вашего веб-сайта:
- Откройте панель «Датчики» .
- В нижней части панели найдите раздел «Нагрузка на процессор » и выберите одно из понятных для человека состояний нагрузки : «Без переопределения» , «Номинальное» , «Умеренное» , «Серьезное» или «Критическое» .
- В появившемся окне инструментов разработчика нажмите «Перезагрузить инструменты разработчика» .
