Chrome 79 wird aktuell ausgerollt und bringt eine Reihe spannender Neuerungen für Webentwickler mit sich. Dieser Artikel beleuchtet die wichtigsten Updates, die die Entwicklung von Progressive Web Apps (PWAs) und immersiven Web-Erlebnissen verbessern sowie die Performance und Benutzerfreundlichkeit optimieren. Für Web-Enthusiasten und Entwickler ist es entscheidend, diese Entwicklungen zu verfolgen, um stets auf dem neuesten Stand zu bleiben und innovative Anwendungen zu schaffen, die das volle Potenzial des Webs ausschöpfen. Die kontinuierliche Weiterentwicklung von Browser-Technologien ist ein [keyword]-Treiber für die digitale Innovation.
Verbesserte Maskierbare Symbole für PWAs
Wer Android O oder höher nutzt und bereits eine Progressive Web App installiert hat, kennt vielleicht den störenden weißen Kreis um das App-Symbol. Mit Chrome 79 gehört dieses Ärgernis der Vergangenheit an, da der Browser jetzt maskierbare Symbole (Maskable Icons) für installierte PWAs unterstützt.
Entwickler müssen ihre Symbole so gestalten, dass sie in eine Sicherheitszone passen – im Wesentlichen ein Kreis mit einem Durchmesser von 80 % der Leinwand. Anschließend muss im Web-App-Manifest eine neue purpose-Eigenschaft zum Symbol hinzugefügt und dessen Wert auf maskable gesetzt werden. Für eine detaillierte Anleitung und ein hervorragendes Tool zum Testen Ihrer Symbole empfiehlt sich der Artikel „Maskable Icons: Android Adaptive Icons for Your PWA“ von Tiger Oakes auf CSS-Tricks. Um optimale Ergebnisse zu erzielen, ist es ratsam, sich mit den Best Practices im Bereich [adobe premiere pro cc preis](https://shocknaue.com/adobe-premiere-pro-cc-preis/) zu befassen, um Designprozesse zu verfeinern.
WebXR: Immersive Erlebnisse im Browser
Mit der WebXR Device API können Entwickler nun immersive Erlebnisse für Smartphones und Head-Mounted Displays schaffen. WebXR eröffnet ein breites Spektrum an Möglichkeiten, von Augmented Reality (AR)-Anwendungen, die beispielsweise zeigen, wie ein neues Sofa im eigenen Wohnzimmer aussehen könnte, bevor man es kauft, bis hin zu Virtual Reality (VR)-Spielen und 360-Grad-Filmen.
Die Einführung von WebXR ist ein bedeutender Schritt, um das Web als Plattform für erweiterte und virtuelle Realität zu etablieren. Um mit dieser neuen API zu beginnen und die Potenziale der immersiven Webentwicklung zu erkunden, lesen Sie den Artikel „Virtual Reality Comes to the Web“.
Neue Origin Trials
Origin Trials bieten eine wertvolle Möglichkeit, experimentelle Funktionen und APIs zu validieren und Feedback zu deren Benutzerfreundlichkeit und Effektivität im breiteren Einsatz zu sammeln. Experimentelle Funktionen sind normalerweise nur hinter einem Flag verfügbar, aber durch die Teilnahme an einem Origin Trial können Entwickler diese Funktionen für alle Nutzer auf ihrer Herkunftsdomain aktivieren.
Grafik, die den Prozess von Origin Trials im Web zeigt
Die Teilnahme an einem Origin Trial ermöglicht es, Demos und Prototypen zu erstellen, die Beta-Nutzer für die Dauer des Tests ausprobieren können, ohne spezielle Flags in Chrome aktivieren zu müssen. Weitere Informationen zu Origin Trials finden Sie im „Origin Trials Guide for Web Developers“. Eine Liste der aktiven Origin Trials und die Möglichkeit zur Anmeldung sind auf der Chrome Origin Trials-Seite verfügbar. Professionelle [software adobe premiere pro](https://shocknaue.com/software-adobe-premiere-pro/) kann bei der Erstellung von Demo-Videos dieser neuen Features hilfreich sein.
Wake Lock API
Eines der häufigsten Ärgernisse bei Präsentationen oder beim Befolgen von Rezepten ist, dass der Bildschirmschoner aktiv wird oder der Bildschirm sich verdunkelt. Die neue Wake Lock API behebt dieses Problem, indem eine Seite eine Sperre anfordern kann, um das Dimmen des Bildschirms oder das Einschalten des Bildschirmschoners zu verhindern. Dies ist ideal für Präsentationen, aber auch hilfreich für Websites mit Rezepten oder interaktiven Anleitungen, bei denen der Bildschirm während der Nutzung aktiv bleiben soll.
Um eine Wake Lock anzufordern, muss navigator.wakeLock.request() aufgerufen und das zurückgegebene WakeLockSentinel-Objekt gespeichert werden. Die Sperre bleibt erhalten, bis der Benutzer die Seite verlässt oder die release-Methode auf dem WakeLockSentinel-Objekt aufgerufen wird.