애플, 아이폰 듀오 사파리 웹 표시 영역 확대 검토

애플이 아이폰 듀오의 사파리에서 웹페이지가 차지하는 영역을 넓히는 방안을 검토하고 있다. 애플의 젠 시먼스가 23일 WebKit 공식 기술 블로그에 올린 글에 따르면, 측면 조작부 뒤 공간을 웹 디자인에 활용하면서도 중요한 콘텐츠가 가리지 않도록 하는 방법을 연구하고 있다.

아이폰 듀오의 외부 화면은 다른 아이폰보다 가로가 넓고 세로가 짧다. iOS는 콘텐츠에 더 많은 세로 공간을 주기 위해 조작부를 측면으로 옮겼다. 현재 Safari 27.1은 웹페이지를 조작부 뒤까지 펼치지 않고, 해당 공간을 페이지의 배경색으로 채운다.

애플이 검토하는 활용 예는 머리글의 배경을 화면 전체 폭으로 넓히되 메뉴 링크처럼 눌러야 하는 요소는 가리지 않는 방식이다. 기존 HTML 뷰포트 설정인 viewport-fit="cover"로 페이지를 확장할 수도 있지만, 개발자가 조작부를 피해 콘텐츠의 위치를 조정해야 한다.

시먼스는 현재 웹사이트를 조사한 결과 네 방향 가장자리의 여백을 모두 올바르게 처리하지 못하는 사례가 많았다고 설명했다. 애플은 실수할 여지가 적고 쓰기 쉬운 대안이 있는지 살피고 있다. 공식 글에는 최종 적용 방식이나 도입 일정이 제시되지 않았다.

화면 접힘을 활용하는 개발 기능은 별도로 시험할 수 있다. Safari 27.1의 아이폰 듀오용 개발자 미리보기에는 기기가 부분적으로 접혔는지 알려주는 Device Posture API와 접힘 양쪽의 화면 영역을 설명하는 Viewport Segments API가 포함됐다. 두 기능은 설정의 기능 플래그를 켜야 사용할 수 있으며, 기본 활성화 기능은 아니다.

Device Posture API를 이용하면 CSS나 자바스크립트에서 접힘 상태에 따라 배치를 바꿀 수 있다. W3C의 해당 API 규격 초안도 기기의 자세 변화를 웹 애플리케이션에 알리는 용도로 이를 정의한다. Viewport Segments API는 각 영역의 크기와 위치를 제공해 접힘을 고려한 배치를 돕는다.

사용자에게 이미 제공되는 변화로는 PDF 두 쪽 보기가 있다. 아이폰 듀오를 책처럼 부분적으로 접으면 Safari 27.1이 PDF 두 쪽을 나란히 표시하고, 화면을 완전히 펴거나 기기를 닫으면 한 쪽 보기로 돌아간다. 웹 표시 영역 확대는 이 기능과 달리 아직 검토 단계다.

애플은 웹 개발자에게 특정 기기를 식별하는 방식보다 반응형 레이아웃과 기능 지원 여부 확인을 활용하라고 권고했다. 아이폰 듀오 실물이 없어도 Xcode 27.1 이상의 Device Hub에서 시뮬레이터를 만들어 웹사이트를 점검할 수 있다고 안내했다.

출처: WebKit 공식 기술 블로그, WebKit Features for Safari 27.1 https://webkit.org/blog/18486/webkit-features-for-safari-27-1/
W3C Device Posture API 규격 초안 https://www.w3.org/TR/device-posture/