크롬 모바일 키보드 - keulom mobail kibodeu

Chrome의 모바일 에뮬레이션 도구를 통해 웹 사이트의 모바일 버전을 디버깅하고 있지만 텍스트 필드를 선택할 때 화면 키보드 팝업을 표시하는 방법을 알 수 없습니다.

텍스트 상자를 클릭했지만 키보드가 나타나지 않습니다. 모바일 장치에서이 작업을 수행하면 기본 입력 방법 (키보드)이 나타나고 입력 할 수 있습니다.

이것을 복제하는 방법이 있습니까?



답변

Chrome 개발자 도구는 다양한 기기 상태 에뮬레이션을 제한적으로 지원합니다.

  • 기본 브라우저 UI
  • Chrome 탐색 표시 줄 사용
  • 열린 키보드로

문서 에 따르면 이러한 기능은 ‘Nexus 5X와 같은 지원되는 기기’를 에뮬레이션 할 때만 사용할 수 있습니다 .

이 기능을 지원하는 에뮬레이션 된 기기의 전체 목록은 Chromium devtools-frontend 소스 코드 ( GitHub의 미러)에서 확인할 수 있습니다 . 현재 다음에서만 지원됩니다.

  • 넥서스 5
  • Nexus 5X

에뮬레이트 된 키보드 및 탐색 모음은 정적 그림 일 뿐이며 (소스 코드 디렉토리에서 볼 수있는 것처럼) 대화 형 동작을 포함하지 않습니다. 화면 크기를 시뮬레이션하기에 충분한 방법이지만 완벽한 에뮬레이션은 아닙니다.

크롬 모바일 키보드 - keulom mobail kibodeu

회사 일을 하면서 의도치 않게 크롬 원격 데스크톱을 사용하는 일이 많다. 점심시간에 서비스 재기동을 해야 한다거나 뭔가를 확인해달라고 하는데 VPN문제 등으로 인해 허용된 회사 PC를 이용해서 확인해야 하는 일 등이다. 그래서 2~3년 전부터 크롬 원격 데스크톱을 매우 편리하게 이용하고 있는데 어느 날부터 모바일에서 키보드 버튼 등이 있는 상단바가 금방 사라지고 말았다! 위에서 끌어서 내리면 나오던 키보드가 사라지니 당황할 수밖에 없었다. 물론 당황한 건 나뿐이 아니었다. 

크롬 모바일 키보드 - keulom mobail kibodeu

나처럼 상단 바가 없어져서 당황하는 이가 이 분 말고도 더 있었다. 사람들 답변 또한 위에 잡고 잘 내리면 나온다는 얘기 뿐... 나는 임시방편으로 화면 회전 기능을 이용해서 가로로 회전시켰다가 다시 돌려놨다. 그렇게 했더니 잠깐 나타났고 그때 이용을 했다. 하지만 완전한 해결법은 아니었기 때문에 해결법을 찾던 중, 드디어 알아냈다.

크롬 원격 데스크탑 키보드 띄우는 방법은 바로바로 세 손가락! 세 손가락을 이용해서 위에서 아래로 잡아당기면 원하는 대로 상단바가 나타나게 된다. 세 손가락으로 잡아당겨야 하는 것을 몰라서 무수히 돌아야 했던 나의 귀여운 핸드폰 화면에 치얼스. 

I'm debugging a mobile version of our website through Chrome's Mobile Emulation tool, but cannot figure out how to have an on-screen keyboard pop up when selecting a text field.

I have clicked on the text box, but no keyboard pops up. If I do this on a mobile device, the default input method (keyboard) pops up and allows me to type.

Is there a way to replicate this?

asked Apr 14, 2015 at 21:07

크롬 모바일 키보드 - keulom mobail kibodeu

Aaron HellmanAaron Hellman

1,5912 gold badges13 silver badges16 bronze badges

0

Chrome developer tools has limited support for emulating different device states:

  • Default browser UI
  • With Chrome navigation bar
  • With opened keyboard

According to the documentation, such feature is only available when emulating “supported devices like the Nexus 5X”.

The complete list of emulated devices that support this feature can be found at Chromium devtools-frontend source-code (mirror on GitHub). Currently, it is only supported by:

  • Nexus 5
  • Nexus 5X

Note that the emulated keyboard and navigation bar are just static pictures (as you can see at the source-code directory) and don't contain any interactive behavior. It is a good enough way to simulate the screen size, but it is not a perfect emulation.

크롬 모바일 키보드 - keulom mobail kibodeu

크롬 모바일 키보드 - keulom mobail kibodeu

answered Mar 12, 2016 at 4:35

Denilson Sá MaiaDenilson Sá Maia

45.2k32 gold badges103 silver badges111 bronze badges

8

The closest I have come is using the virtual keyboard extension from: "Chrome Virtual Keyboard"

  • http://xontab.com/Apps/VirtualKeyboard or
  • http://xontab.azurewebsites.net/VirtualKeyboard

Note: I had to set it to use the touch events when using it with a Sencha Touch app I was working on.

There are a number of others so just search for "virtual keyboard" in the chrome extensions area and pick what you like.

answered Sep 30, 2015 at 16:58

4

It seems that keybooard emulation is no more available (July 2021)

And the Chrome extensions I tested just add a keyboard but they don't simulate at all any mobile rendering.

answered Jul 31, 2021 at 5:58

크롬 모바일 키보드 - keulom mobail kibodeu

miglimigli

2,23624 silver badges30 bronze badges