Chrome의 모바일 에뮬레이션 도구를 통해 웹 사이트의 모바일 버전을 디버깅하고 있지만 텍스트 필드를 선택할 때 화면 키보드 팝업을 표시하는 방법을 알 수 없습니다.
텍스트 상자를 클릭했지만 키보드가 나타나지 않습니다. 모바일 장치에서이 작업을 수행하면 기본 입력 방법 (키보드)이 나타나고 입력 할 수 있습니다.
이것을 복제하는 방법이 있습니까?
답변
Chrome 개발자 도구는 다양한 기기 상태 에뮬레이션을 제한적으로 지원합니다.
- 기본 브라우저 UI
- Chrome 탐색 표시 줄 사용
- 열린 키보드로
문서 에 따르면 이러한 기능은 ‘Nexus 5X와 같은 지원되는 기기’를 에뮬레이션 할 때만 사용할 수 있습니다 .
이 기능을 지원하는 에뮬레이션 된 기기의 전체 목록은 Chromium devtools-frontend 소스 코드 ( GitHub의 미러)에서 확인할 수 있습니다 . 현재 다음에서만 지원됩니다.
- 넥서스 5
- Nexus 5X
에뮬레이트 된 키보드 및 탐색 모음은 정적 그림 일 뿐이며 (소스 코드 디렉토리에서 볼 수있는 것처럼) 대화 형 동작을 포함하지 않습니다. 화면 크기를 시뮬레이션하기에 충분한 방법이지만 완벽한 에뮬레이션은 아닙니다.
답변
가장 가까운 곳은 “Chrome Virtual Keyboard”의 가상 키보드 확장 프로그램을 사용하는 것입니다.
참고 : 작업중인 Sencha Touch 앱과 함께 사용할 때 터치 이벤트를 사용하도록 설정해야했습니다.
기타 여러 가지가 있으므로 크롬 확장 영역에서 “가상 키보드”를 검색하고 원하는 것을 선택하십시오.
