Microsoft покращує спосіб відображення веб-програм у браузері Edge на настільних пристроях. Компанія оголосила про доступність функції Window Controls Overlay, яка дозволяє веб-розробникам використовувати додатковий простір у рядку заголовка веб-програми, подібно до того, що роблять рідні програми в більшості операційних систем системи.
Те, як веб-програми зараз працюють на настільних пристроях, полягає в тому, що вони можуть лише відображати вміст у вікні програми. Рядок заголовка, що відображається вгорі, зарезервовано для відображення заголовка сторінки, елементів керування браузера та загальних елементів керування вікном для операційної системи. Якщо ви не створюєте спеціальну веб-програму, яка не покладається на браузер, це обмежує область, у якій розробники можуть відображати корисний вміст для своїх програм.
Завдяки накладанню елементів керування вікном Microsoft Edge звільняє місце на панелі заголовка для відображення програм будь-який вміст, який вони хочуть, який може бути корисним для меню верхнього рівня, рядків пошуку та інших функцій. Замість 30 рядків пікселів, зайнятих рядком заголовка, елементи керування вікном, такі як кнопки згортання та закриття, тепер відображаються як накладання поверх вмісту веб-програми.
Як розробник, ви можете скористатися цією перевагою, додавши член маніфесту перевизначення відображення до маніфесту веб-програми та а потім за допомогою змінних CSS, щоб запобігти малюванню елементів веб-програми під елементами керування вікном у кутку програми. Оскільки елементи керування вікном відрізняються в Windows, Linux або macOS, вам потрібно буде використовувати різні змінні ширини залежно від платформи, на якій працює програма. Ви можете знайти більше інформації про цю можливість на Мережа розробників Mozilla.
Корпорація Майкрософт вперше заговорила про Window Controls Overlay понад два роки тому, а через деякий час почала впроваджувати його в механізм Chromium. Ця функція тепер доступна в Edge і Chrome, починаючи з версії 105, а також в Opera версії 91. Інші веб-переглядачі на базі Chromium також повинні підтримувати його, якщо вони використовують останню версію Chromium. Також опубліковано офіційну специфікацію, яка повинна стимулювати інші браузери, такі як Firefox, також застосовувати цю функцію.
Джерело:Microsoft