Microsoft는 Edge 브라우저의 웹 앱이 데스크톱 장치에 표시되는 방식을 개선하고 있습니다. 회사는 웹 개발자가 다음을 수행할 수 있도록 하는 창 제어 오버레이 기능의 가용성을 발표했습니다. 대부분의 운영 체제에서 기본 앱이 수행하는 작업과 유사하게 웹 앱의 제목 표시줄에 추가 공간을 활용합니다. 시스템.
현재 웹 앱이 데스크톱 장치에서 작동하는 방식은 앱 창 내부에만 콘텐츠를 그릴 수 있다는 것입니다. 상단에 표시되는 제목 표시줄은 페이지 제목, 브라우저 컨트롤 및 운영 체제의 일반 창 컨트롤을 표시하기 위해 예약되어 있습니다. 브라우저에 의존하지 않는 사용자 정의 웹 앱을 구축하지 않는 한, 이로 인해 개발자가 앱에 유용한 콘텐츠를 표시할 수 있는 영역이 제한됩니다.
창 컨트롤 오버레이를 사용하면 Microsoft Edge에서 앱을 표시할 수 있도록 제목 표시줄에 공간을 확보할 수 있습니다. 원하는 콘텐츠는 무엇이든 가능하며 이는 최상위 메뉴, 검색 창 및 기타 기능에 유용할 수 있습니다. 제목 표시줄이 30행의 픽셀을 차지하는 대신 최소화 및 닫기 버튼과 같은 창 컨트롤이 이제 웹 앱 콘텐츠 위에 오버레이로 표시됩니다.
개발자는 웹 앱 매니페스트에 디스플레이 재정의 매니페스트 멤버를 추가하여 이를 활용할 수 있습니다. 그런 다음 CSS 변수를 사용하여 웹 앱이 앱 모서리에 있는 창 컨트롤 아래에 요소를 그리는 것을 방지합니다. 창 컨트롤은 Windows, Linux 또는 macOS에서 다르기 때문에 앱이 실행되는 플랫폼에 따라 다른 너비 변수를 사용해야 합니다. 이 기능에 대한 자세한 내용은 다음에서 확인할 수 있습니다. Mozilla 개발자 네트워크.
Microsoft는 2년 전에 처음으로 Window Controls Overlay에 대해 언급했으며 얼마 후 Chromium 엔진에 이를 구현하기 시작했습니다. 이 기능은 이제 버전 105부터 Opera 버전 91부터 Edge 및 Chrome에서 사용할 수 있습니다. 최신 Chromium 버전을 실행하는 다른 Chromium 기반 브라우저도 이를 지원해야 합니다. Firefox와 같은 다른 브라우저에서도 이 기능을 구현하도록 장려하는 공식 사양도 게시되어 있습니다.
원천:마이크로소프트