Chrome은 프리미엄 태블릿에서 기본적으로 데스크톱 모드를 사용할 수 있도록 함으로써 Android 태블릿 생태계에 맞게 조정되었습니다. 이 블로그 게시물에서는 데스크톱 모드가 무엇인지, 프리미엄 태블릿에서 고품질 환경을 제공하기 위해 개발자가 알아야 할 사항을 설명합니다.
웹사이트는 다양한 화면 크기, 폼 팩터, 입력 방법, 기기 기능에 맞게 조정되어야 합니다. 반응형 디자인 기법을 사용하는 대신 웹 개발자는 종종 브라우저의 사용자 에이전트를 확인하여 휴대기기와 데스크톱 기기에 서로 다른 웹사이트를 게재합니다.
지금까지 Android용 Chrome의 기본값은 mobile 사용자 에이전트입니다. 이 모드에서는 데스크톱 전용으로 디자인된 사이트 (즉, 메타 표시 영역이 없음)가 기본 고정 가상 표시 영역인 980픽셀을 사용하여 다양한 휴대전화 화면에서 편안하게 읽을 수 있습니다. 사이트가 사용자 에이전트에 따라 다른 버전의 사이트를 렌더링하기 때문에 사용자가 사이트의 데스크톱 버전만 로드하려는 경우 데스크톱 모드 설정을 사용 설정하여 사용자 에이전트를 데스크톱 모드로 변경하고 표시 영역을 980픽셀로 강제 설정할 수 있습니다.
Android 태블릿 생태계에서 더욱 크고 강력한 기기를 쉽게 사용할 수 있게 되면서 데스크톱 웹사이트가 모바일 사이트보다 더 나은 경험을 제공하는 경우가 많다는 것을 알게 되었습니다. 작은 화면과 RAM 부족에 맞게 디자인된 모바일 웹사이트가 대형 화면 및 기타 강력한 기기 기능을 활용하지 않는 경우도 있습니다. 따라서 프리미엄 태블릿의 경우 이제 데스크톱 모드가 기본값입니다.
이번 변경으로 User-Agent는 기본적으로 데스크톱 사용자 에이전트가 되며, 창 너비와 일치하고 기본 가상 표시 영역 크기인 980px는 사용하지 않는 표시 영역을 사용합니다.
개발자를 위한 데스크톱 모드 정보
Android의 Chrome 사용자는 데스크톱 모드 설정을 변경하여 기본적으로 데스크톱 사이트나 모바일 사이트를 요청할 수 있습니다. 이 점은 달라지지 않으므로 이미 많은 사용자가 모드 변경 방법을 잘 알고 있을 것입니다.
Chrome은 10인치 디스플레이와 8GB RAM을 갖춘 프리미엄 태블릿 (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'를 각각 보고합니다.
웹사이트에서 변경사항 테스트
프리미엄 태블릿에서 데스크톱 모드가 기본값으로 설정되었으므로, 실제 키보드, 터치스크린, 마우스 또는 트랙패드가 연결되어 있거나 연결되지 않은 사용자에게도 사이트의 데스크톱 버전과의 모든 상호작용이 원활하게 작동하는지 확인하는 것이 좋습니다.
사용자가 Android를 사용 중인지(예: Google 애널리틱스) 감지하기 위해 사용자 에이전트를 사용하는 경우 이 변경사항이 사이트에 영향을 미칠 수 있습니다. 또한 데스크톱 Chrome과 Android용 Chrome은 정확히 동일한 Web Platform API를 모두 공유하지 않으므로 기기 기능을 사용하기 전에 기능 감지를 사용하는 것이 중요합니다.
사용자에게 앱 설치를 제안하는 데 사용자 에이전트를 사용하는 경우 의도치 않게 Linux 바이너리를 다운로드하겠다고 제안할 수 있습니다. related_applications 속성과 함께 웹 앱 매니페스트를 사용하는 것이 좋습니다. 그러면 사용자에게 애플리케이션을 설치하라는 메시지를 표시하는 Android의 기본 메커니즘에서 Chrome이 사용됩니다.
이 단계에 따라 데스크톱 모드를 사용 설정 또는 중지한 상태에서 웹사이트를 테스트하거나 Chrome DevTools 기기 시뮬레이션 및 사용자 에이전트 재정의를 사용할 수 있습니다.