Microsoft sta migliorando la modalità di visualizzazione delle app Web nel browser Edge sui dispositivi desktop. La società ha annunciato la disponibilità della funzionalità Window Controls Overlay, che consente agli sviluppatori web di farlo utilizza spazio aggiuntivo nella barra del titolo di un'app Web, in modo simile a ciò che fanno le app native sulla maggior parte dei sistemi operativi sistemi.
Il modo in cui le app Web attualmente funzionano sui dispositivi desktop è che possono disegnare contenuti solo specificamente all'interno della finestra dell'app. La barra del titolo, visualizzata in alto, è riservata a mostrare il titolo della pagina, i controlli del browser e i controlli generali della finestra per il sistema operativo. A meno che tu non stia creando un'app Web personalizzata che non si basa su un browser, ciò limita l'area in cui gli sviluppatori possono visualizzare contenuti utili per le loro app.
Con la sovrapposizione dei controlli finestra, Microsoft Edge libera spazio sulla barra del titolo per visualizzare le app qualunque contenuto desiderino, che può essere utile per menu di primo livello, barre di ricerca e altre funzionalità. Invece di avere 30 righe di pixel occupate dalla barra del titolo, i controlli della finestra, come i pulsanti di riduzione a icona e di chiusura, vengono ora visualizzati in sovrapposizione sul contenuto dell'app Web.
In qualità di sviluppatore, puoi trarne vantaggio aggiungendo un membro manifest di sostituzione della visualizzazione al manifest dell'app Web e quindi utilizzando le variabili CSS per impedire alla tua app Web di disegnare elementi sotto i controlli della finestra nell'angolo dell'app. Poiché i controlli delle finestre sono diversi su Windows, Linux o macOS, dovrai utilizzare variabili di larghezza diverse a seconda della piattaforma su cui è in esecuzione l'app. Puoi trovare ulteriori informazioni su questa funzionalità su Rete di sviluppatori Mozilla.
Microsoft ha parlato per la prima volta dell'overlay dei controlli della finestra più di due anni fa e ha iniziato a implementarlo nel motore Chromium qualche tempo dopo. La funzionalità è ora disponibile in Edge e Chrome a partire dalla versione 105, nonché nella versione 91 di Opera. Anche altri browser basati su Chromium dovrebbero supportarlo se eseguono l'ultima versione di Chromium. È stata pubblicata anche una specifica formale che dovrebbe incentivare anche altri browser, come Firefox, a implementare la funzionalità.
Fonte:Microsoft