Die Overlay-Funktion für die Fenstersteuerung kann Web-Apps jetzt wie native Desktop-Apps aussehen und sich anfühlen lassen
Web-Apps funktionieren nicht nur gut auf Mobiltelefonen, sondern haben sich auch als großartige Alternative zu nativen Desktop-Apps erwiesen. Und um die Lücke zwischen Web-Apps und nativen Desktop-Apps weiter zu schließen, kündigte Microsoft die Window Control Overlay-Funktion an, die es Entwicklern ermöglicht, ihre eigenen Titelleisten zu erstellen, anstatt sie zu zwingen, die Standardtitel zu verwenden.
Web-Apps und native Desktop-Apps sehen heutzutage gleich aus, mit der Ausnahme, dass erstere eine standardmäßige Titelleistenerfahrung verwendet, die Informationen über den Website-Namen und andere Steuerschaltflächen enthält. Und jetzt, mit der Integration von Window Controls Overlay, können Entwickler den gesamten Bereich nutzen, in dem normalerweise die Standard-Titelleiste angezeigt wird. Systemkritische Fensterschaltflächen bleiben jedoch unverändert.
Entwickler können diesen zusätzlichen Platz jetzt nutzen, um einen benutzerdefinierten Titel, eine Menüleiste, Kontoinformationen, Navigationsregisterkarten und mehr anzuzeigen. in ihren Web-Apps, damit sie eher wie native Desktop-Apps aussehen. Das obige Bild, das von Microsoft gepostet wurde, erklärt schön die Änderungen, die Window Control Overlay mit sich bringt, sobald Sie die Lösung verwenden.
Microsoft bot das Fenstersteuerungs-Overlay im Juni 2022 an, aber das Unternehmen brauchte länger, um die erste Implementierung in Chromium zu erstellen. Und jetzt, nach mehr als zwei Jahren, macht Microsoft es endlich zu einer Standarderfahrung, die jeder in Microsoft Edge Google Chrome mit Version 105 verwenden kann. Es ist auch in Opera 91 verfügbar.
Um der Verwendung dieser Funktion zuzustimmen, müssen Entwickler die display_override manifestieren und seinen Wert auf [“Fenstersteuerungs-Overlay“]. Er wird auch das Neue brauchen Titelleistenbereich-* CSS-Umgebungsvariablen und die neue JavaScript-API navigator.windowControlsOverlay. Microsoft empfiehlt Entwicklern, die technische Dokumentation sowie die Referenzdokumente des Mozilla Developer Network zu konsultieren, um mehr über die Integration der neuen Lösung in Webanwendungen zu erfahren.
