Für Webdeveloper: Neueste Browser Trends

Neue Browser Funktionen sollen die Usability/Benutzerfreundlichkeit für die NutzerInnen erhöhen. Für  Entwickler/Developer bedeuten diese Änderungen, dass immer mehr Funktionen direkt über JavaScript und damit in einem Browser verwendet werden können, welche bislang nur auf nativen Smartphone Apps (Android, iOS) möglich waren. Sämtliche neuen Funktionen sind jedoch selbstredend als optional zu verstehen; es besteht kein Muss...

Als Beispiel der Farbmodi »Light« oder »Dark«: Diese können bei einer Website nur funktionieren, wenn bei der Website eigene CSS Styles hinterlegt sind ‐ jeweils für den Light- und Dark-Modus. Der Browser oder das Betriebssystem können so aufgrund der Benutzereinstellung im jeweiligen System die entsprechenden Styles laden. So erscheint im Falle des Dark Mode nicht nur das Betriebssystem in einem "dunklen" Design, sondern auch die Website.

Die Farbmodi »Light« oder »Dark« kennen viele vom Smartphone oder Mac Notebook. Der aktivierte Modus wird vom Betriebssystem zum Browser weitergereicht. Somit kann eine Website ab jetzt den Farbmodus berücksichtigen und den Style entsprechend anpassen. Das Screendesign kann jetzt auch im Dark Mode besser angezeigt werden.

Ähnlich zum Farbmodus kann die Website auch die Betriebssystem-Einstellungen zu »Animationen deaktivieren/reduzieren« respektieren. Das ist sinnvoll, um beispielsweise Energie zu sparen (Akkus) oder die Performance auf leistungsschwachen Endgeräten zu optimieren.

2020 wird ein neuer W3C-Standard den Zahlungsvorgang bei Online-Shops & Co vereinheitlichen. Die Vorteile sind:

• Kunden können beim Wählen der Zahlungsart auf bereits gespeicherte Daten zurückgreifen und müssen nicht unterschiedliche Einstellungen bei unterschiedlichen Portalen wählen.
• Unterschiedliche Zahlungsarten/Optionen können im Webshop technisch einfacher implementiert werden.
• Die Integration von Zahlungsarten für Zahlungsabwickler wird vereinfacht. (z.B. heidelpay)

Mit der Web Share API kann die Teilen-Funktion für Links, Dateien, etc. auf Websites so ähnlich wie bei nativen Handy Apps angesprochen werden.

Browser können Push-Benachrichtigungen senden. Das begegnet einem als User bereits auf sehr vielen Websites. Die dazugehörigen W3C-Standards sind aber noch nicht finalisiert, weshalb es einige herstellerspezifische Browsereigenheiten gibt.

Dies ist eine Browsertechnologie, die zwischen Client und Server fungiert. Damit können z.B. Websites oder einzelne Teile davon auch offline bereitgestellt werden. Das ist dann hilfreich, wenn kurzzeitig keine Internetverbindung vorhanden ist und man z.B. Formulareingaben zwischenspeichern möchte.

Damit werden Benachrichtigungen im Browser gesendet, um eine Website (Progressive Web App) zum Startbildschirm hinzuzufügen. NutzerInnen haben Websites somit direkt am Display ihres Smartphones.

Dies ist eine Browser-Schnittstelle, um 3D-Applikationen im Browser zu ermöglichen – beispielsweise die Darstellung virtueller Welten (Virtual Reality) und das Hinzufügen von virtuellen Objekten in realen Darstellungen (Stichwort „Augmented Reality“).

Es soll zukünftig weitere Schnittstellen geben, damit Websites mit dem darunterliegenden Client-Betriebssystem besser kommunizieren können. Native Mobile Apps können mit der Zeit überflüssig werden und mittels Web-Apps umgesetzt werden. Ein Auszug einiger Schnittstellen/Funktionen:

• Picture-in-Picture (betrachten von Videos in einem schwebenden Fenster)
• Web USB (auf USB-Geräte zugreifen)
• Web Bluetooth (auf Bluetooth Geräte zugreifen)
• uvm.

Du bist Web Developer und hast eine Frage dazu?
Kontaktiere uns und lass uns auch gerne wissen, welche Funktionen du ab jetzt verstärkt anwenden möchtest... meld dich gern unter: <Diese E-Mail-Adresse ist gegen Spam Bots geschützt, zum Ansehen müssen Sie in Ihrem Browser JavaScript aktivieren.>

Github (EN)
W3C Standard (EN)