Kapitel 14. Geräteintegration

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com

Einführung

Die moderne Webbrowser-Plattform enthält APIs für die Interaktion mit allen Arten von Gerätedaten und -funktionen, z. B:

  • Batteriestatus

  • Netzwerkstatus

  • Geolocation

  • Gerät Zwischenablage

  • Inhalte teilen

  • Taktile Rückmeldung

Zum Zeitpunkt der Erstellung dieses Artikels werden einige dieser APIs noch nicht gut unterstützt. Einige gelten noch als experimentell, du solltest sie alsonoch nicht in einer Produktionsanwendung verwenden.

Einige dieser APIs werden zwar von einem bestimmten Browser wie Chrome unterstützt, funktionieren aber trotzdem nicht, wenn das Gerät nicht über die erforderlichen Funktionen verfügt. Die Vibration-API wird zum Beispiel von Chrome gut unterstützt, funktioniert aber nicht auf einem Laptop oder einem anderen Gerät ohne Vibrationsunterstützung.

Ablesen des Batteriestatus

Problem

Du möchtest den Ladestatus des Geräts in deiner App anzeigen.

Lösung

Verwende die Batteriestatus-API.

Hinweis

Diese API wird möglicherweise noch nicht von allen Browsern unterstützt. Siehe CanIUse für die neuesten Kompatibilitätsdaten.

Du kannst die Batteriestatus-API abfragen, indem du navigator.getBattery aufrufst. Diese Methode gibt eine Promise zurück, die auf ein Objekt mit Batterieinformationen verweist.

Schreibe zunächst einige HTML-Platzhalterelemente, um den Batteriestatus zu speichern, ...

Get Web API Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.