Apple вивчає, як дозволити сайтам використовувати ділянку під бічними елементами керування Safari, але остаточного рішення поки немає. Просте ввімкнення viewport fit="cover" може відкрити сторінкам більше екрана, але на неадаптованих сайтах важливий вміст ризикує опинитися під елементами браузера.
ОпублікувавВідредаговано за допомогою GPT-6 LunaЗображення створено за допомогою GPT Image 2
Research answer

Create a landscape editorial hero image for this Studio Global article: What does Apple’s WebKit post published for the October 23 launch of its first foldable iPhone, the iPhone Duo, explain about Safari 27.1’s. Article summary: Apple is exploring a way for websites to use the space beneath Safari’s side mounted controls on the iPhone Duo without making page content inaccessible; it has not settled on an approach.. Topic tags: general web, code, api, design, social media. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fake numbers, clickbait thu
Проблема Safari на зовнішньому екрані iPhone Duo — не в тому, що сайти чи вебзастосунки несумісні з телефоном. WebKit, рушій Safari, той самий, що й на інших iPhone. Натомість Apple шукає спосіб використати більше площі дисплея: зокрема, дати вебсторінкам змогу заходити під бічну панель Safari, не перекриваючи важливий вміст. Команда ще не визначилася з підходом. 8
Коли iPhone Duo складений, елементи керування Safari розташовані збоку. Вебконтент під ними наразі не відображається: браузер заповнює цю смугу кольором тла сторінки. У наведених вимірах портретна область перегляду на зовнішньому дисплеї становить 382 CSS-пікселі завширшки. Для порівняння, в альбомному режимі на внутрішньому екрані, розділеному між двома вікнами, кожному припадає по 385 CSS-пікселів. Отже, зовнішній екран у портретній орієнтації — найвужчий із цих варіантів. 9
10
Саме розташування елементів збоку звужує доступну сторінці область. Водночас наявні матеріали не підтверджують окремо, що iOS перенесла їх туди саме з метою зберегти вертикальний простір.
viewport-fit="cover" для всіхТехнічно сайт може розтягнутися під системні елементи керування за допомогою налаштування viewport-fit="cover". Але для цього сторінку потрібно належно підготувати: якщо важливі кнопки, текст чи інші елементи опиняться під панеллю браузера, ними буде складніше користуватися. За поясненням WebKit, багато наявних сайтів не пристосовані до такого розширення, тож автоматично застосувати цей варіант — ризиковано. 13
Водночас додаткова ділянка не обов’язково має бути зарезервована лише для тла. Дизайнери могли б розтягнути на всю ширину, наприклад, декоративне тло шапки сторінки, залишивши важливий вміст поза зоною елементів керування. Apple досліджує гнучкіший і надійніший спосіб це організувати, але конкретного рішення та строків його появи в наявних матеріалах не зазначено. 8
Огляд 9to5Mac називає Safari одним із незручних сценаріїв для 5,4-дюймового зовнішнього дисплея: вебсторінки не завжди добре пристосовані до такого формату, а бічні елементи керування забирають корисну площу. 15 Wirecutter, зі свого боку, пише, що зовнішній екран зручний для швидкого перегляду сповіщень, а його площа близька до площі дисплея iPhone 18 Pro, хоча сам екран має меншу діагональ.
2
Наявних підтверджень недостатньо, щоб надійно приписати конкретним оглядам скарги на банери згоди на файли cookie чи підписки, що перекривають сторінки, порівняння з моделями Max або брак оптимізації застосунків. Тож такі претензії не варто подавати як спільний висновок 9to5Mac, The Verge і Wirecutter.
Safari 27.1 додає попередні версії двох API для розробників, доступні за прапорцями функцій. Device Posture дає змогу визначати положення пристрою, а Viewport Segments — працювати з окремими сегментами дисплея. Ці можливості ще можуть змінитися. 6
7
Для користувачів є й конкретна зміна: якщо дивитися веб-PDF, тримаючи iPhone Duo частково складеним, наче книжку, Safari автоматично показує дві сторінки поруч. Коли пристрій розгорнути плазом або скласти повністю, браузер повертається до перегляду однієї сторінки. 5
iPhone Duo з’явився в магазинах і онлайн 23 жовтня 2026 року, а передзамовлення стартували 16 жовтня. У наявних джерелах підтверджено продажі в магазинах та онлайн, але не точний перелік країн у глобальному запуску. 16 Стартова ціна у США — 1 999 доларів.
14
За оголошенням Apple та пізнішими оглядами, внутрішній дисплей має діагональ 7,6 дюйма, а зовнішній — 5,4 дюйма. 10
2 В одному ранньому підсумку Wirecutter згадувалося 5,9 дюйма, але оголошення Apple та пізніший огляд видання підтверджують 5,4 дюйма.
4
10
2 Площа зовнішнього екрана приблизно відповідає площі дисплея iPhone 18 Pro; підтвердженого точного відсотка для цього порівняння немає.
2
Обидва дисплеї мають однакове співвідношення сторін — 1,4:1. Це дає змогу масштабувати вміст пропорційно, не змінюючи його форми, але саме по собі не гарантує, що сайт або застосунок добре підлаштується до кожного режиму складання. Apple радить розробникам не розраховувати на фіксовані розміри чи співвідношення сторін екрана. 7
3
Studio Global AI
This page includes a source-backed answer you can continue inside Studio Global.
Apple вивчає, як дозволити сайтам використовувати ділянку під бічними елементами керування Safari, але остаточного рішення поки немає.
Apple вивчає, як дозволити сайтам використовувати ділянку під бічними елементами керування Safari, але остаточного рішення поки немає. Просте ввімкнення viewport fit="cover" може відкрити сторінкам більше екрана, але на неадаптованих сайтах важливий вміст ризикує опинитися під елементами браузера.
За наведеними вимірами, портретна область перегляду на зовнішньому дисплеї має ширину 382 CSS пікселі — трохи менше, ніж кожне з двох вікон на внутрішньому екрані в альбомній орієнтації.
Apple вивчає, як дозволити сайтам використовувати ділянку під бічними елементами керування Safari, але остаточного рішення поки немає. Просте ввімкнення viewport fit="cover" може відкрити сторінкам більше екрана, але на неадаптованих сайтах важливий вміст ризикує опинитися під елементами браузера.
ОпублікувавВідредаговано за допомогою GPT-6 LunaЗображення створено за допомогою GPT Image 2
Research answer

Create a landscape editorial hero image for this Studio Global article: What does Apple’s WebKit post published for the October 23 launch of its first foldable iPhone, the iPhone Duo, explain about Safari 27.1’s. Article summary: Apple is exploring a way for websites to use the space beneath Safari’s side mounted controls on the iPhone Duo without making page content inaccessible; it has not settled on an approach.. Topic tags: general web, code, api, design, social media. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fake numbers, clickbait thu
Проблема Safari на зовнішньому екрані iPhone Duo — не в тому, що сайти чи вебзастосунки несумісні з телефоном. WebKit, рушій Safari, той самий, що й на інших iPhone. Натомість Apple шукає спосіб використати більше площі дисплея: зокрема, дати вебсторінкам змогу заходити під бічну панель Safari, не перекриваючи важливий вміст. Команда ще не визначилася з підходом. 8
Коли iPhone Duo складений, елементи керування Safari розташовані збоку. Вебконтент під ними наразі не відображається: браузер заповнює цю смугу кольором тла сторінки. У наведених вимірах портретна область перегляду на зовнішньому дисплеї становить 382 CSS-пікселі завширшки. Для порівняння, в альбомному режимі на внутрішньому екрані, розділеному між двома вікнами, кожному припадає по 385 CSS-пікселів. Отже, зовнішній екран у портретній орієнтації — найвужчий із цих варіантів. 9
10
Саме розташування елементів збоку звужує доступну сторінці область. Водночас наявні матеріали не підтверджують окремо, що iOS перенесла їх туди саме з метою зберегти вертикальний простір.
viewport-fit="cover" для всіхТехнічно сайт може розтягнутися під системні елементи керування за допомогою налаштування viewport-fit="cover". Але для цього сторінку потрібно належно підготувати: якщо важливі кнопки, текст чи інші елементи опиняться під панеллю браузера, ними буде складніше користуватися. За поясненням WebKit, багато наявних сайтів не пристосовані до такого розширення, тож автоматично застосувати цей варіант — ризиковано. 13
Водночас додаткова ділянка не обов’язково має бути зарезервована лише для тла. Дизайнери могли б розтягнути на всю ширину, наприклад, декоративне тло шапки сторінки, залишивши важливий вміст поза зоною елементів керування. Apple досліджує гнучкіший і надійніший спосіб це організувати, але конкретного рішення та строків його появи в наявних матеріалах не зазначено. 8
Огляд 9to5Mac називає Safari одним із незручних сценаріїв для 5,4-дюймового зовнішнього дисплея: вебсторінки не завжди добре пристосовані до такого формату, а бічні елементи керування забирають корисну площу. 15 Wirecutter, зі свого боку, пише, що зовнішній екран зручний для швидкого перегляду сповіщень, а його площа близька до площі дисплея iPhone 18 Pro, хоча сам екран має меншу діагональ.
2
Наявних підтверджень недостатньо, щоб надійно приписати конкретним оглядам скарги на банери згоди на файли cookie чи підписки, що перекривають сторінки, порівняння з моделями Max або брак оптимізації застосунків. Тож такі претензії не варто подавати як спільний висновок 9to5Mac, The Verge і Wirecutter.
Safari 27.1 додає попередні версії двох API для розробників, доступні за прапорцями функцій. Device Posture дає змогу визначати положення пристрою, а Viewport Segments — працювати з окремими сегментами дисплея. Ці можливості ще можуть змінитися. 6
7
Для користувачів є й конкретна зміна: якщо дивитися веб-PDF, тримаючи iPhone Duo частково складеним, наче книжку, Safari автоматично показує дві сторінки поруч. Коли пристрій розгорнути плазом або скласти повністю, браузер повертається до перегляду однієї сторінки. 5
iPhone Duo з’явився в магазинах і онлайн 23 жовтня 2026 року, а передзамовлення стартували 16 жовтня. У наявних джерелах підтверджено продажі в магазинах та онлайн, але не точний перелік країн у глобальному запуску. 16 Стартова ціна у США — 1 999 доларів.
14
За оголошенням Apple та пізнішими оглядами, внутрішній дисплей має діагональ 7,6 дюйма, а зовнішній — 5,4 дюйма. 10
2 В одному ранньому підсумку Wirecutter згадувалося 5,9 дюйма, але оголошення Apple та пізніший огляд видання підтверджують 5,4 дюйма.
4
10
2 Площа зовнішнього екрана приблизно відповідає площі дисплея iPhone 18 Pro; підтвердженого точного відсотка для цього порівняння немає.
2
Обидва дисплеї мають однакове співвідношення сторін — 1,4:1. Це дає змогу масштабувати вміст пропорційно, не змінюючи його форми, але саме по собі не гарантує, що сайт або застосунок добре підлаштується до кожного режиму складання. Apple радить розробникам не розраховувати на фіксовані розміри чи співвідношення сторін екрана. 7
3
Studio Global AI
This page includes a source-backed answer you can continue inside Studio Global.
Apple вивчає, як дозволити сайтам використовувати ділянку під бічними елементами керування Safari, але остаточного рішення поки немає.
Apple вивчає, як дозволити сайтам використовувати ділянку під бічними елементами керування Safari, але остаточного рішення поки немає. Просте ввімкнення viewport fit="cover" може відкрити сторінкам більше екрана, але на неадаптованих сайтах важливий вміст ризикує опинитися під елементами браузера.
За наведеними вимірами, портретна область перегляду на зовнішньому дисплеї має ширину 382 CSS пікселі — трохи менше, ніж кожне з двох вікон на внутрішньому екрані в альбомній орієнтації.