Google Chrome Mobile Emulator: как показать экранную клавиатуру

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

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

Есть ли способ воспроизвести это?

Ответы

Ответ 1

Последние инструменты разработчика Chrome добавили поддержку для эмуляции разных состояний устройства:

  • Пользовательский интерфейс браузера по умолчанию
  • С панелью навигации Chrome
  • С открытой клавиатурой

В соответствии с документацией такая функция доступна только при эмуляции "поддерживаемых устройств, таких как Nexus 5X".

Полный список эмулируемых устройств, поддерживающих эту функцию, можно найти в исходном коде Chromium. В настоящее время поддерживается только:

  • Nexus 5
  • Nexus 5X

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

Снимок экрана с инструментами разработчика Chrome

Ответ 2

Ближе всего я пришел, используя расширение виртуальной клавиатуры: "Виртуальная клавиатура Chrome"

Примечание. Я должен был использовать его для использования сенсорных событий при использовании его с приложением Sencha Touch, над которым я работал.

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