Wie op de iPhone Duo dichtgeklapt een website opent, ziet dat Safari een flink stuk van het buitenscherm voor zichzelf houdt. Apple erkent dat nu ook officieel. In een blogbericht over Safari 27.1, op 23 oktober verschenen op de WebKit-site van Apple, schrijft het team dat webpagina's op het 5,4-inch buitenscherm niet doorlopen achter de bedieningskolom aan de rechterkant. Apple zoekt naar een betere oplossing en vraagt webontwikkelaars om mee te denken. Wanneer er iets verandert, staat er niet bij.
Het bericht verscheen op dezelfde dag dat de iPhone Duo in de winkels kwam. Volgens 9to5Mac noemden meerdere vroege besprekingen van het toestel de krappe weergave van Safari op het buitenscherm als minpunt.
Waarom is Safari op het buitenscherm zo krap?
Het buitenscherm van de Duo heeft een andere verhouding dan dat van een gewone iPhone: het is breder en tegelijk lager. Om in de hoogte geen ruimte te verliezen, verplaatst iOS de bediening naar de zijkant. Staand komt er rechts een smalle kolom met de knoppen van Safari én van de telefoon zelf.
Die kolom is geen deel van de webpagina. Safari kijkt welke achtergrondkleur een site gebruikt en kleurt de strook achter de knoppen in dezelfde tint. Zo oogt het geheel rustig, maar de pagina zelf krijgt die ruimte niet. Liggend is het effect nog sterker, omdat de hoogte dan het knelpunt wordt.
Hoeveel ruimte krijgt een website?
Apple publiceerde voor het eerst de exacte afmetingen in CSS-pixels, de eenheid waarmee webontwikkelaars rekenen. SVH is de hoogte terwijl de werkbalk volledig zichtbaar is, LVH de hoogte nadat de balk tijdens het scrollen kleiner is geworden.
Opvallend is de liggende stand van het buitenscherm: met 368 pixels hoogte past daar nauwelijks meer dan een kop en een paar regels tekst. Opengevouwen is er juist veel ruimte; het binnenscherm komt liggend tot 951 pixels breedte, wat dichter bij een tablet ligt dan bij een telefoon.
Waarom niet gewoon viewport-fit=cover?
Op iPhones met een notch of Dynamic Island bestaat al een manier om een pagina tot in de hoeken te laten lopen: de instelling viewport-fit=cover in de viewport-metatag. De site moet dan zelf met veilige marges (safe areas) zorgen dat knoppen en tekst niet onder systeemelementen verdwijnen.
Apple zegt dat het die route ook voor de Duo zou kunnen gebruiken, maar ziet een probleem. Bij onderzoek naar bestaande websites bleek dat veel projecten niet aan alle vier de randen de juiste marges toepassen. Op het buitenscherm zou dat betekenen dat menu's of zoekvelden achter de Safari-kolom belanden. Het team wil daarom iets dat minder foutgevoelig en makkelijker te gebruiken is. "If you have ideas, we'd love to hear them", schrijft Apple aan ontwikkelaars.
Wat betekent dit voor u als iPhone Duo-gebruiker?
Heeft u een Duo gekocht, in Nederland of België vanaf € 2.339, en ogen sommige sites dichtgeklapt smal of rommelig? Dan is dat geen defect van uw toestel. Zo werkt Safari 27.1 op het buitenscherm nu eenmaal. U kunt er zelf weinig aan veranderen; voor lange artikelen of webwinkels is het openvouwen naar het 7,6-inch binnenscherm de praktische uitweg. Hoe lang de accu het per scherm uithoudt, leest u in ons artikel over de accuduur en prijs van de iPhone Duo.
Voor Nederlandse en Belgische websitebeheerders geldt het advies van Apple zelf: bouw responsief met flexibele lay-outs en vermijd het herkennen van apparaten via de user agent. Een fysieke Duo is daarvoor niet nodig; Xcode 27.1 bevat een simulator van het toestel.
Wat is er nog nieuw in Safari 27.1?
Voor gewone gebruikers is er één zichtbare verandering: houdt u de Duo half open als een boek, dan toont Safari een pdf automatisch als twee pagina's naast elkaar. Plat open of dicht keert de weergave terug naar één pagina.
Ontwikkelaars kunnen bovendien twee experimentele functies proberen via Instellingen > Apps > Safari > Geavanceerd > Feature Flags:
| API | Wat het doet |
|---|---|
| Device Posture API | Meldt of het scherm half gevouwen is (folded) of plat ligt (continuous), in CSS en JavaScript |
| Viewport Segments API | Beschrijft de twee schermhelften naast of boven de vouw, zodat een lay-out zich daarop kan richten |
Beide zijn nadrukkelijk een preview; Apple vraagt ook hierover feedback.
Veelgestelde vragen
Is de krappe weergave een fout van Apple?
Nee, het is een ontwerpkeuze: de bediening staat aan de zijkant om hoogte te besparen. Apple erkent wel dat websites die ruimte nu niet kunnen benutten en zoekt een verbetering.
Wanneer komt de oplossing?
Dat heeft Apple niet bekendgemaakt. Het team onderzoekt nog welke aanpak het beste werkt en verzamelt ideeën van ontwikkelaars.
Moet ik iets instellen op mijn iPhone Duo?
Nee. De feature flags zijn bedoeld voor webontwikkelaars. Als gewone gebruiker hoeft u niets te doen.
