Google 크롬 모바일 에뮬레이터 : 화면 키보드에 표시하는 방법

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

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

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

google-chrome mobile google-chrome-devtools

— Aaron Hellman
소스

답변:

148

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

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

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

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

— 데 닐슨 사 마이 아
소스

이것은 거의 완벽하게 작동합니다. 키보드는 내 커서의 위치를 사용하지 않고 대신 웹 페이지의 탐색 모음으로 기본 설정되지만 페이지 압축이 충분히 작동합니다. - 감사합니다

— 아론 헬먼

이는 여전히 키보드의 동작을 모델링하지 않습니다 (입력을 선택할 때 키보드를 표시하지 않고 스크롤 위치를 조정하지 않음).

— dlsso

이 나타납니다은 나를 내가 해결하기 위해 노력하고있어 맞춤법 검사 지연 버그를 debugg 도움이 것이라고 크롬 68 개 이상의 :( 없음에서 제거 된합니다.

— 레이 포스를

더 이상 사용되지 않습니다. 가상 키보드는 더 이상 지원되지 않습니다. developers.google.com/web/tools/chrome-devtools/device-mode/…

— Rafael S. Fijalkowski

Chromium v79를 사용하고 있으며 Nexus 5s에서 키보드를 사용할 수 있음을 확인할 수 있습니다

— Marcin

가장 가까운 곳은 "Chrome Virtual Keyboard"의 가상 키보드 확장 프로그램을 사용하는 것입니다.

참고 : 작업중인 Sencha Touch 앱과 함께 사용할 때 터치 이벤트를 사용하도록 설정해야했습니다.

기타 여러 가지가 있으므로 크롬 확장 영역에서 "가상 키보드"를 검색하고 원하는 것을 선택하십시오.

— AnthonyVO
소스

공장! 기본 키보드와 똑같지는 않지만 멋지게 보입니다. 감사!

— Aaron Hellman

이것은 이제 죽은 연결 고리이며 큰 수치입니다. 나에게 꼭 필요한 것! Grr argh.

— JPollock

이 질문은 충분히 가깝습니다 : stackoverflow.com/questions/38386215/…

— JPollock

@BryanRayner, 링크가 부활 할 때 좋습니다. 리디렉션이 추가되었습니다.

— AnthonyVO