Spoločnosť Microsoft zlepšuje spôsob, akým sa webové aplikácie v prehliadači Edge zobrazujú na stolných zariadeniach. Spoločnosť oznámila dostupnosť funkcie Window Controls Overlay, ktorá umožňuje vývojárom webu využiť ďalší priestor v záhlaví webovej aplikácie, podobne ako natívne aplikácie vo väčšine operačných systémov systémov.
Webové aplikácie v súčasnosti fungujú na stolných zariadeniach tak, že môžu kresliť obsah iba konkrétne v okne aplikácie. Záhlavie zobrazené v hornej časti je vyhradené na zobrazenie názvu stránky, ovládacích prvkov prehliadača a všeobecných ovládacích prvkov okna operačného systému. Pokiaľ nevytvárate vlastnú webovú aplikáciu, ktorá sa nespolieha na prehliadač, obmedzuje to oblasť, v ktorej môžu vývojári zobrazovať užitočný obsah pre svoje aplikácie.
S prekrytím ovládacích prvkov okna Microsoft Edge uvoľní miesto v záhlaví pre aplikácie, ktoré sa môžu zobraziť akýkoľvek obsah, ktorý chcú, čo môže byť užitočné pre ponuky najvyššej úrovne, vyhľadávacie panely a ďalšie funkcie. Namiesto 30 riadkov pixelov, ktoré zaberá hlavná lišta, sa teraz ovládacie prvky okna – ako napríklad tlačidlá na minimalizáciu a zatvorenie – zobrazujú ako prekrytie nad obsahom webovej aplikácie.
Ako vývojár môžete túto výhodu využiť pridaním člena manifestu prepísania zobrazenia do svojho manifestu webovej aplikácie a potom pomocou premenných CSS zabránite vašej webovej aplikácii kresliť prvky pod ovládacími prvkami okna v rohu aplikácie. Keďže ovládacie prvky okien sa v systémoch Windows, Linux alebo macOS líšia, budete musieť použiť rôzne premenné šírky v závislosti od platformy, na ktorej je aplikácia spustená. Viac informácií o tejto schopnosti nájdete na Mozilla Developer Network.
Microsoft prvýkrát hovoril o prekrytí ovládacích prvkov okna pred viac ako dvoma rokmi a o nejaký čas neskôr ho začal implementovať do motora Chromium. Táto funkcia je teraz k dispozícii v prehliadačoch Edge a Chrome od verzie 105, ako aj od verzie Opera 91. Ostatné prehliadače založené na prehliadači Chromium by ho mali tiež podporovať, ak používajú najnovšiu verziu prehliadača Chromium. Zverejnená je aj formálna špecifikácia, ktorá by mala motivovať ostatné prehliadače, ako napríklad Firefox, aby túto funkciu tiež implementovali.
Zdroj:Microsoft