Функція Window Controls Overlay тепер може зробити веб-програми більш схожими на рідні настільні програми
2 хв. читати
Опубліковано
Поділитися цією статтею
Удосконалити цей посібник
Прочитайте нашу сторінку розкриття інформації, щоб дізнатися, як ви можете допомогти MSPoweruser підтримувати редакційну команду Читати далі
Веб-програми добре працюють не лише на мобільних телефонах, але вони також виявилися чудовою альтернативою рідним настільним програмам. А щоб ще більше подолати розрив між веб-програмами та рідними настільними програмами, Microsoft оголосила про функцію накладання елементів керування вікнами, яка дозволяє розробникам створювати власні рядки заголовків замість того, щоб змушувати їх використовувати стандартні.
Веб-програми та нативні настільні програми сьогодні виглядають подібно, за винятком того, що перші використовують рядок заголовка за умовчанням, який містить інформацію, пов’язану з назвою веб-сайту та іншими кнопками керування. І тепер, завдяки включенню Window Controls Overlay, розробники можуть використовувати всю область, де зазвичай відображається рядок заголовка за замовчуванням. Однак критичні для системи кнопки вікна залишаться незмінними.
Тепер розробники можуть використовувати цей додатковий простір для відображення спеціального заголовка, панелі меню, певної інформації облікового запису, навігаційних вкладок тощо у своїх веб-додатках, щоб вони виглядали та виглядали більше як рідні програми для настільних ПК. Зображення вище, опубліковане Microsoft, добре пояснює зміни Window Controls Overlay, щойно ви скористаєтеся рішенням.
Корпорація Майкрософт запропонувала Window Control Overlay ще в червні 2022 року, але компанії знадобилося трохи часу, щоб створити ранню реалізацію в Chromium. І тепер, після більш ніж двох років, Microsoft нарешті робить його стандартним інтерфейсом для всіх у Microsoft Edge Google Chrome версії 105. Він також доступний в Opera 91.
Щоб дозволити використовувати цю функцію, розробники повинні використовувати display_override член маніфесту та встановіть для нього значення [“вікно-елементи керування-накладання“]. Також знадобиться новий titlebar-area-* Змінні середовища CSS і новий JavaScript API navigator.windowControlsOverlay. Microsoft рекомендує розробникам перевірити технічна документація а також Мережа розробників Mozilla довідкові документи, щоб дізнатися більше про те, як включити нове рішення у веб-програми.
