데스크톱에서 이중 화면 웹 환경 빌드

이중 화면 에뮬레이션 기능은 Microsoft Edge 버전 97 이상용 개발자 도구에서 사용할 수 있습니다.

  1. GitHub 예제와 같이 이중 화면으로 확장된 웹 사이트로 이동합니다.

  2. 설정 및 기타 메뉴(줄임표...) 및 기타 도구 개발자 도구 > 선택

  3. 차원 선택: Surface Duo를 선택하고 "이중 화면"(책과 같은) 단추를 사용하여 1~2개의 화면을 전환합니다.

    Select Surface Duo simulation

  4. 이제 일반 웹 개발 워크플로를 사용하여 이중 화면 웹앱을 빌드하고 테스트할 수 있습니다.

데스크톱에서 빌드 및 테스트는 기존 웹 개발 도구 및 디버깅 환경을 사용하는 이점이 있습니다.

바탕 화면에서 에뮬레이터에서 디버그

Edge 데스크톱에서 빌드 및 테스트하는 것 외에도 Surface Duo 에뮬레이터에 연결하고 에뮬레이터에서 웹 사이트를 디버그할 수도 있습니다.

다음 지침에 따라 에뮬레이터 인스턴스를 Edge 데스크톱 개발자 도구에 연결합니다. 원격 디버깅은 Android 디바이스에서도 작동합니다.

지원되는 데스크톱 브라우저 버전

Surface Duo 에뮬레이션 옵션은 다음 데스크톱 브라우저 개발자 도구에서 사용할 수 있습니다.

  • Microsoft Edge - 버전 97 이상
  • Google Chrome - 버전 97 이상