다음을 통해 공유


이중 화면 웹 환경

Chromium에서 제공하는 Microsoft Edge는 모든 디바이스의 웹 사이트 및 웹앱 환경을 위한 강력하고 호환되는 기반을 제공합니다. 여기에는 Surface Duo에서 실행될 때 새로운 이중 화면 지원이 포함됩니다.

  • 이중 화면 레이아웃을 위한 새로운 웹 표준: 이중 화면 레이아웃을 위한 CSS 프리미티브 또는 JavaScript 뷰포트 세그먼트 API를 사용하여 여러 디스플레이를 검색하고 여기에 웹 콘텐츠를 배치할 수 있습니다.

  • Surface Duo 또는 에뮬레이터에서 테스트: 새 웹 표준을 미리 보면서, 이 지침을 따라 Surface Duo 또는 에뮬레이터에서 이중 화면 지원을 사용합니다.

  • 데스크톱에서 빌드 및 테스트: Edge 또는 Chrome을 사용하여 데스크톱에서 이중 화면 웹 환경을 빌드하고 테스트할 수도 있습니다. 다음 지침을 따라 이중 화면 개발자 도구를 사용합니다.

  • 프로그레시브 웹앱: PWA는 새 Microsoft Edge에서 즉시 지원되며, Android의 브라우저에서 직접 설치할 수 있습니다. PWA는 브라우저와 동일한 이중 화면 레이아웃 기능 및 도구를 지원합니다.

추가 자료

이중 화면 디바이스 소개에서는 기존 기능과 기술을 사용하여 이중 화면 디바이스에서 앱이 잘 작동하도록 만드는 여러 가지 방법을 설명합니다. 이 기존 설명서를 사용하여 웹앱에서 이러한 기능을 구현하는 방법에 대해 자세히 알아보세요.

기능 자세한 내용은 다음 항목을 참조하세요.
응답성이 뛰어난 앱 레이아웃 응답성이 뛰어난 디자인의 빌딩 블록(Mozilla)
다양한 입력 지원 PointerEvent(Mozilla)
끌어서 놓기 HTML 끌어서 놓기 API(Mozilla)
미디어의 화면 속 화면 화면 속 화면(W3C)
화면 속 화면 샘플(Chrome)