Мобільний емулятор Google Chrome: Як показати на екранній клавіатурі


94

Я налагоджую мобільну версію нашого веб-сайту за допомогою інструмента мобільної емуляції Chrome, але не можу зрозуміти, як з’явиться екранна клавіатура під час вибору текстового поля.

Я натиснув на текстове поле, але жодна клавіатура не вискакує. Якщо я роблю це на мобільному пристрої, з’являється метод введення за замовчуванням (клавіатура), який дозволяє мені друкувати.

Чи є спосіб повторити це?

Відповіді:


148

Інструменти розробника Chrome мають обмежену підтримку для емуляції різних станів пристрою:

  • Інтерфейс браузера за замовчуванням
  • З навігаційною панеллю Chrome
  • З відкритою клавіатурою

Згідно з документацією , така функція доступна лише під час емуляції “підтримуваних пристроїв, таких як Nexus 5X” .

Повний список емульованих пристроїв, які підтримують цю функцію, можна знайти в вихідному коді devtools-frontend Chromium ( дзеркало на GitHub ). Наразі це підтримується лише:

  • Nexus 5
  • Nexus 5X

Зверніть увагу, що емульована клавіатура та панель навігації - це лише статичні зображення (як ви можете бачити в каталозі вихідного коду) і не містять жодної інтерактивної поведінки. Це досить хороший спосіб імітувати розмір екрану, але це не ідеальна емуляція.

Знімок екрана інструментів розробника Chrome


Це працює майже ідеально. Клавіатура не використовує розташування мого курсору, а замість цього за замовчуванням використовується панель навігації веб-сторінки, але стиснення сторінки працює досить добре. - Дякую
Аарон Хеллман

19
Зверніть увагу, що це все ще не моделює поведінку клавіатури (не виводить клавіатуру під час вибору введення, не регулює положення прокрутки).
dlsso

18
Здається, це було видалено в Chrome 68+ :( Ні, це допомогло б мені налагодити помилку затримки перевірки орфографії, яку я намагаюся виправити.
Рей Фосс,

4
Це застаріло. Віртуальна клавіатура більше не підтримується. developers.google.com/web/tools/chrome-devtools/device-mode/…
Рафаель С. Фіжалковський

7
Я використовую chromium v79 і можу підтвердити, що клавіатура доступна для Nexus 5s
Marcin,

16

Найближче я підійшов до використання розширення віртуальної клавіатури з: "Віртуальна клавіатура Chrome"

Примітка: мені довелося встановити його для використання подій дотику, коли я використовував його з програмою Sencha Touch, над якою я працював.

Є низка інших, тому просто знайдіть "віртуальну клавіатуру" в області розширень Chrome і виберіть те, що вам подобається.


1
Працює! Не зовсім така ж, як клавіатура за замовчуванням, але виглядає чудово. Дякую!
Аарон Хеллман,

Зараз це мертва ланка, що є великою ганьбою. Саме те, що мені теж потрібно! Grr argh.
JPollock

1
Це питання досить близько: stackoverflow.com/questions/38386215 / ...
JPollock

1
@BryanRayner, приємно, коли посилання відроджуються. Додано переспрямування.
AnthonyVO
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.