창 제어 오버레이 기능은 이제 웹 앱을 기본 데스크탑 앱처럼 보이게 만들 수 있습니다.

웹 앱은 휴대폰에서 잘 작동할 뿐만 아니라 기본 데스크톱 앱에 대한 훌륭한 대안으로 밝혀졌습니다. 또한 웹 앱과 기본 데스크톱 앱 간의 격차를 더욱 좁히기 위해 Microsoft는 개발자가 기본 제목 표시줄을 사용하지 않고 자신만의 제목 표시줄을 만들 수 있도록 하는 창 제어 오버레이 기능을 발표했습니다.

웹 앱과 기본 데스크톱 앱은 웹사이트 이름 및 기타 제어 버튼과 관련된 정보가 포함된 기본 제목 표시줄 환경을 사용한다는 점을 제외하고는 오늘날 비슷해 보입니다. 그리고 이제 Window Controls Overlay의 통합으로 개발자는 기본 제목 표시줄이 일반적으로 표시되는 전체 영역을 사용할 수 있습니다. 그러나 시스템에 중요한 창 버튼은 변경되지 않은 상태로 유지됩니다.

이제 개발자는 이 추가 공간을 사용하여 웹 앱에 사용자 지정 제목, 메뉴 표시줄, 일부 계정 정보, 탐색 탭 등을 표시하여 기본 데스크톱 앱처럼 보이고 느껴지도록 할 수 있습니다. Microsoft에서 게시한 위의 이미지는 솔루션을 사용하면 Window Controls Overlay가 가져올 변경 사항을 잘 설명합니다.

Microsoft는 2022년 105월에 Window Control Overlay를 제안했지만 회사는 Chromium에서 초기 구현을 구축하는 데 시간이 더 걸렸습니다. 그리고 91년이 지난 지금, Microsoft는 마침내 모든 사람이 Microsoft Edge Google Chrome 버전 XNUMX에서 사용할 수 있는 기본 환경을 만들었습니다. Opera XNUMX에서도 사용할 수 있습니다.

이 기능을 사용하도록 선택하려면 개발자는 다음을 사용해야 합니다. 디스플레이_재정의 매니페스트 멤버 및 해당 값을 ["창 제어 오버레이"]. 또한 새로운 제목 표시줄-영역-* CSS 환경 변수 및 새로운 navigator.windowControlsOverlay JavaScript API. Microsoft는 개발자가 다음을 확인할 것을 권장합니다. 기술 문서 뿐만 아니라 Mozilla 개발자 네트워크 새 솔루션을 웹 앱에 통합하는 방법에 대해 자세히 알아보려면 문서를 참조하세요.