Mit der Overlay-Funktion für Fenstersteuerungen können Web-Apps jetzt mehr wie native Desktop-Apps aussehen und sich anfühlen
2 Minute. lesen
Veröffentlicht am
Teile diesen Artikel
Verbessern Sie diesen Leitfaden
Lesen Sie unsere Offenlegungsseite, um herauszufinden, wie Sie MSPoweruser dabei helfen können, das Redaktionsteam zu unterstützen Lesen Sie weiter
Web-Apps funktionieren nicht nur auf Mobiltelefonen gut, 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 noch weiter zu schließen, hat Microsoft die Funktion Window Controls Overlay angekündigt, mit der Entwickler ihre eigenen Titelleisten erstellen können, anstatt sie zu zwingen, sich an die Standardtitel zu halten.
Web-Apps und native Desktop-Apps sehen heutzutage ähnlich aus, außer dass erstere eine standardmäßige Titelleistenerfahrung verwendet, die Informationen zum Namen der Website 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. Die systemkritischen Fensterschaltflächen bleiben jedoch unverändert.
Entwickler können diesen zusätzlichen Platz jetzt nutzen, um einen benutzerdefinierten Titel, eine Menüleiste, einige Kontoinformationen, Navigationsregisterkarten und mehr in ihren Web-Apps anzuzeigen, damit sie mehr wie native Desktop-Apps aussehen und sich anfühlen. Das obige Bild, das von Microsoft gepostet wurde, erklärt gut die Änderungen, die das Window Controls Overlay mit sich bringt, sobald Sie die Lösung verwenden.
Microsoft hat das Window Control Overlay bereits im Juni 2022 vorgeschlagen, aber das Unternehmen brauchte etwas mehr Zeit, um die frühe Implementierung in Chromium zu erstellen. Und jetzt, nach über 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 sich für diese Funktion anzumelden, müssen Entwickler die verwenden display_override Mitglied manifestieren und seinen Wert auf [“Fenstersteuerungs-Overlay“]. Es wird auch das Neue brauchen Titelleistenbereich-* CSS-Umgebungsvariablen und die neue JavaScript-API navigator.windowControlsOverlay. Microsoft empfiehlt Entwicklern, sich die Technische Dokumentation sowie Mozilla-Entwickler-Netzwerk Referenzdokumente, um mehr darüber zu erfahren, wie die neue Lösung in Web-Apps integriert wird.
