폴더블 iPhone Duo의 판매가 시작되기 전부터 개발자들은 Xcode 시뮬레이터에서 새로운 폼 팩터를 테스트하기 시작했으며, 이는 사이트 작동에 영향을 미칠 수 있는 특성을 발견했습니다. 공개된 스크린샷에 따르면, 외부 디스플레이의 Safari는 자체 제어 요소에 상당한 공간을 남겨두고 있습니다. 결과적으로 웹 페이지는 사용 가능한 공간의 약 70%를 차지하며, 콘텐츠는 압축되고 왼쪽으로 치우쳐 있습니다. 오른쪽에는 상태, 카메라, 내비게이션, 읽기 모드 및 탭 관리를 포함한 브라우저 제어 요소가 있는 고정 패널이 표시됩니다. 하단에는 주소 표시줄이 있는 별도의 영역이 남아 있습니다. 일반 iPhone에서는 스크롤 시 Safari 인터페이스가 이러한 요소의 상당 부분을 숨기므로, 개발자들은 Duo의 컴팩트 모드에서 패널의 지속적인 존재에 주목했습니다.
이러한 인터페이스가 기존 웹 레이아웃과 얼마나 호환될 수 있는지가 논의의 일부입니다. 개발자들은 표준 적응형 디자인 메커니즘이 이미 비정상적인 화면 크기를 고려할 수 있도록 한다고 지적합니다: 이를 위해 dvh와 같은 동적 높이 단위, viewport-fit=cover 매개변수 및 CSS 변수 safe-area-inset을 사용할 수 있습니다. 그러나 Duo 시뮬레이터에서는 보기 영역이 엄격하게 제한되어 있어 일반적인 적응이 항상 모든 사용 가능한 표면에 콘텐츠를 확장할 수 있는 것은 아닙니다. 이와 함께, 테스트 환경에서의 프로그레시브 웹 애플리케이션은 더 정확하게 보입니다. 9:16의 세로 형식은 넓은 외부 화면에 표시될 때 추가 필드를 사용하거나 이미지의 일부를 잘라내야 할 수도 있습니다. 웹 개발자들은 또한 새로운 장치의 지원이 별도의 테스트를 필요로 할 것이라고 지적합니다. 왜냐하면 일반 스마트폰의 익숙한 시나리오가 항상 폴더블 본체로 전환되지 않기 때문입니다.
장치를 펼쳤을 때 상황은 다르게 보입니다. 스크린샷을 게시한 작성자에 따르면, Duo의 내부 화면은 태블릿 형식에 더 가깝고 약 4:3의 비율을 가지고 있으며, 장치 상태 간 전환이 올바르게 작동한다고 합니다. 이제 주요 문제는 사이트와 애플리케이션이 외부 디스플레이에 얼마나 빨리 적응할 수 있는지입니다. 일부 개발자들은 기업들이 새로운 장치의 비교적 작은 사용자층을 위해 최적화에 대한 별도의 비용을 정당화하기 어려울 것이라고 생각합니다. 다른 사람들은 Safari 인터페이스 자체를 변경하여 예를 들어 사이드 패널을 자동으로 숨기거나 스와이프로 열도록 제안합니다. 그러나 사용된 시뮬레이터에서조차 Apple의 자체 사이트는 아직 새로운 폼 팩터에 완전히 적응되지 않았습니다. iPhone Duo의 판매는 10월 23일에 시작될 예정이므로, Apple과 개발자들은 소프트웨어를 추가로 조정할 시간이 남아 있습니다.
관련 도움말
