Was du wissen musst
- Microsoft hat gerade eine Funktion für Entwickler veröffentlicht, die Progressive-Web-Apps dabei hilft, mehr wie native Apps auszusehen.
- Mit der Funktion namens Window Controls Overlay können Web-Apps die Titelleiste anpassen.
- Microsoft erklärte, dass der Titelleistenbereich zwar klein ist, der Zugriff darauf jedoch für PWAs „riesig“ ist.
Progressive Web Apps, auch als PWAs bekannt, sind eine wachsende Kategorie von Webanwendungen, die Entwicklern und Endbenutzern mehrere Vorteile bieten. Die plattformübergreifende Natur von PWAs macht sie auf Mobilgeräten und Desktops nützlich. Ihre Verwendung gegenüber anderen Formen von Apps verringert auch den Entwicklungsaufwand, da eine einzige PWA auf einer Vielzahl von Geräten funktionieren kann. Während die Entwicklung einer PWA viele Vorteile bietet, gibt es dennoch einige Nachteile.
Progressive Web Apps können sich weniger nativ anfühlen als Anwendungen, die für bestimmte Plattformen entwickelt wurden. Natürlich liegt das teilweise daran, dass das genau ist. PWAs sind im Wesentlichen ausgefallene Web-Apps. Aber Microsoft hat im Laufe der Jahre hart daran gearbeitet, dass PWAs nativer aussehen und sich auch so anfühlen. Das Unternehmen hat kürzlich einen weiteren Schritt zur Verbesserung von Progressive Web Apps unternommen.
Entwickler können jetzt den Titelleistenbereich von PWAs anpassen. Microsoft kündigte die Verfügbarkeit der Funktion namens Window Control Overlay an und erläuterte ihre Vorteile in a Blogeintrag.
„Selbst wenn die Titelleiste nur etwa 30 Pixel hoch ist, sind die Auswirkungen auf das Design, wenn man auf den Bereich zugreifen kann, den sie normalerweise einnimmt, enorm“, sagte Microsoft. „Was können wir mit nur 30 Pixeln machen? Einen benutzerdefinierten Titel, eine Menüleiste, einige Kontoinformationen, Navigationsregisterkarten anzeigen? Schauen Sie sich andere Desktop-Apps an, die Sie verwenden, und Sie werden schnell feststellen, dass sie alle diesen Bereich in einigen verwenden Und jetzt können das auch installierte Web-Apps!”
Zumindest die Titelleiste von PWAs ist oft verschwendeter Platz. In einigen Fällen kann es aufgrund kollidierender Farben ziemlich herausragen. Window Control Overlay sollte diese Probleme beheben. „Ihre Website in eine App zu verwandeln, die sich wirklich so anfühlt, als ob sie auf den Desktop gehört, war noch nie so einfach, und die Verwendung der Window Controls Overlay-Funktion hilft Ihnen dabei, Desktop-Apps zu erstellen, die für Ihre Benutzer viel moderner und ansprechender aussehen“, sagte Microsoft.
Der Blogbeitrag des Unternehmens geht darauf ein, wie man die neue Funktion implementiert und sicherstellt, dass sie sich an verschiedene Betriebssysteme anpasst und wenn die Fenstergröße geändert wird.
Window Control Overlay ist schon lange in Arbeit. Microsoft hat das Feature im Januar 2020 vorgeschlagen und dann eine Implementierung davon in Chromium erstellt. Der Tech-Riese arbeitete dann im Rahmen von mit mehreren Unternehmen und Browserherstellern zusammen Projekt Webfähigkeiten damit es funktioniert.