Chrome은 프리미엄 태블릿에서 기본적으로 데스크톱 모드를 사용 설정하여 Android 태블릿 생태계에 적응했습니다. 이 블로그 게시물에서는 데스크톱 모드의 정의와 개발자가 프리미엄 태블릿에서 고품질 환경을 제공하기 위해 알아야 할 사항을 설명합니다.
웹사이트는 다양한 화면 크기, 폼 팩터, 입력 방법, 기기 기능에 맞게 조정되어야 합니다. 웹 개발자는 반응형 디자인 기법을 사용하는 대신 브라우저의 User-Agent를 확인하여 모바일 기기와 데스크톱 기기에 서로 다른 웹사이트를 제공하는 경우가 많습니다.
지금까지 mobile 사용자-에이전트는 Android용 Chrome의 기본값입니다. 이 모드에서는 데스크톱 전용으로 설계된 사이트 (메타 표시 영역이 없음)가 다양한 휴대전화 화면에서 편안하게 읽을 수 있도록 기본 고정 가상 표시 영역인 980픽셀을 사용하여 표시됩니다. 사이트가 사용자 에이전트에 따라 사이트의 여러 버전을 렌더링하기 때문에 사용자가 사이트의 데스크톱 버전만 로드하려는 경우 사용자는 데스크톱 모드 설정을 사용 설정하여 사용자 에이전트를 데스크톱 에이전트로 변경하고 표시 영역을 980px로 강제할 수 있습니다.
Android 태블릿 환경이 점점 더 크고 강력한 기기를 쉽게 사용할 수 있게 되면서 데스크톱 웹사이트가 모바일 사이트보다 더 나은 사용자 환경을 제공하는 경우가 많다는 사실을 알게 되었습니다. 작은 화면과 낮은 RAM용으로 설계된 모바일 웹사이트는 대형 화면과 기타 강력한 기기 기능을 항상 활용하지는 않습니다. 따라서 이제 프리미엄 태블릿의 경우 데스크톱 모드가 기본값입니다.
이번 변경으로 User-Agent는 기본적으로 데스크톱 User-Agent가 되며 창 너비와 일치하는 뷰포트를 사용하고 기본 가상 뷰포트 크기인 980px는 사용하지 않습니다.
개발자를 위한 데스크톱 모드 정보
Android의 Chrome 사용자는 데스크톱 모드 설정을 변경하여 기본적으로 데스크톱 사이트 또는 모바일 사이트를 요청할 수 있습니다. 이 부분은 변경되지 않으므로 많은 사용자가 이미 모드를 변경하는 방법을 숙지하고 있을 것입니다.
Chrome은 프리미엄 태블릿 (10인치 디스플레이 및 8GB RAM 이상)에서 기본적으로 데스크톱 사이트를 요청합니다. 웹 개발자는 웹사이트가 태블릿의 데스크톱 모드에서 잘 작동하는지 확인해야 합니다.
기본적으로 데스크톱 모드로 변경되면 대부분의 Android 태블릿 사용자의 기본 사용자 에이전트가 다음과 같은 모바일 버전에서 변경됩니다.
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
다음과 같이 데스크톱 버전으로 변경합니다.
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
또한 SEC-CH-UA-MODEL 및 SEC-CH-UA-PLATFORM HTTP 헤더에서 더 이상 'Pixel Tablet'과 'Android'를 보고하지 않고 각각 ''' 및 'Linux'를 보고합니다.
웹사이트에서 이 변경사항 테스트
프리미엄 태블릿에서 데스크톱 모드가 기본값이 되었으므로 사이트의 데스크톱 버전과 모든 상호작용이 물리적 키보드, 터치 스크린, 마우스 또는 트랙패드가 연결된 사용자와 연결되지 않은 사용자 모두에게 잘 작동하는지 확인해 보시기 바랍니다.
Google 애널리틱스에서와 같이 사용자 에이전트를 사용하여 사용자가 Android를 사용하고 있는지 감지하는 경우 이 변경사항이 사이트에 영향을 미칠 수 있습니다. 또한 데스크톱 Chrome과 Android의 Chrome은 정확히 동일한 웹 플랫폼 API를 모두 공유하지 않으므로 기기 기능을 사용하기 전에 기능 감지를 사용하는 것이 중요합니다.
사용자 에이전트를 사용하여 사용자에게 앱 설치를 제안하는 경우 실수로 Linux 바이너리 다운로드를 제안할 수 있습니다. related_applications 속성과 함께 웹 앱 매니페스트를 사용하는 것이 좋습니다. 그러면 사용자에게 애플리케이션 설치 메시지를 표시하는 Android의 기본 메커니즘에서 Chrome을 사용합니다.
이 단계에 따라 데스크톱 모드를 사용 설정 또는 사용 중지한 상태로 웹사이트를 테스트하거나 Chrome DevTools 기기 시뮬레이션 및 사용자 에이전트 재정의를 사용할 수 있습니다.