Microsoft vylepšuje způsob zobrazení webových aplikací v prohlížeči Edge na stolních zařízeních. Společnost oznámila dostupnost funkce Window Controls Overlay, která umožňuje webovým vývojářům využít další prostor v záhlaví webové aplikace, podobně jako nativní aplikace ve většině operačních aplikací systémy.
Webové aplikace v současnosti fungují na stolních zařízeních tak, že mohou kreslit obsah pouze konkrétně v okně aplikace. Titulní pruh zobrazený nahoře je vyhrazen pro zobrazení názvu stránky, ovládacích prvků prohlížeče a obecných ovládacích prvků okna pro operační systém. Pokud nevytváříte vlastní webovou aplikaci, která se nespoléhá na prohlížeč, omezuje to oblast, ve které mohou vývojáři zobrazovat užitečný obsah pro své aplikace.
Díky překrytí ovládacích prvků okna Microsoft Edge uvolní místo v záhlaví pro aplikace, které se mají zobrazovat jakýkoli obsah, který chtějí, což může být užitečné pro nabídky nejvyšší úrovně, vyhledávací panely a další funkce. Namísto 30 řad pixelů, které zabírá záhlaví, se nyní ovládací prvky okna – jako tlačítka pro minimalizaci a zavření – zobrazují jako překryvná vrstva nad obsahem webové aplikace.
Jako vývojář toho můžete využít přidáním člena manifestu přepisování zobrazení do svého Manifestu webové aplikace a pak pomocí proměnných CSS zabráníte své webové aplikaci kreslit prvky pod ovládacími prvky okna v rohu aplikace. Protože se ovládací prvky oken v systémech Windows, Linux nebo macOS liší, budete muset použít různé proměnné šířky v závislosti na platformě, na které aplikace běží. Více informací o této schopnosti najdete na Mozilla Developer Network.
Microsoft poprvé hovořil o překrytí ovládacích prvků oken před více než dvěma lety a o něco později jej začal implementovat do enginu Chromium. Tato funkce je nyní k dispozici v Edge a Chrome počínaje verzí 105 a také v Opeře verze 91. Ostatní prohlížeče založené na Chromiu by jej měly také podporovat, pokud používají nejnovější verzi Chromia. Je také zveřejněna formální specifikace, která by měla motivovat další prohlížeče, jako je Firefox, aby tuto funkci také implementovaly.
Zdroj:Microsoft