Я отлаживаю мобильную версию нашего веб-сайта с помощью инструмента мобильной эмуляции Chrome, но не могу понять, как появляется экранная клавиатура при выборе текстового поля.
Я нажал на текстовое поле, но клавиатура не появляется. Если я сделаю это на мобильном устройстве, появится метод ввода по умолчанию (клавиатура), который позволит мне печатать.
Есть ли способ повторить это?
Ответы:
Инструменты разработчика Chrome имеют ограниченную поддержку эмуляции различных состояний устройства:
Согласно документации , такая функция доступна только при эмуляции «поддерживаемых устройств, таких как Nexus 5X» .
Полный список эмулируемых устройств, поддерживающих эту функцию, можно найти в исходном коде Chromium devtools-frontend ( зеркало на GitHub ). В настоящее время его поддерживают только:
Обратите внимание, что эмулированная клавиатура и панель навигации - это просто статические изображения (как вы можете видеть в каталоге исходного кода) и не содержат никакого интерактивного поведения. Это достаточно хороший способ имитации размера экрана, но не идеальная эмуляция.
Самое близкое, что я пришел, - это расширение виртуальной клавиатуры от "Chrome Virtual Keyboard"
Примечание. Мне пришлось настроить его на использование событий касания при использовании с приложением Sencha Touch, над которым я работал.
Есть ряд других, поэтому просто найдите «виртуальная клавиатура» в области расширений Chrome и выберите то, что вам нравится.