Heim > Web-Frontend > js-Tutorial > So ermitteln Sie den Batteriestatus mithilfe von JavaScript_javascript-Tipps

So ermitteln Sie den Batteriestatus mithilfe von JavaScript_javascript-Tipps

WBOY
Freigeben: 2016-05-16 16:50:18
Original
1386 Leute haben es durchsucht

Ab Mozilla Aurora 11 wurden einige neue Funktionen in Firefox implementiert, darunter die grundlegende Implementierung der Batteriestatusschnittstelle. Diese sehr einfache Schnittstelle kann Ihnen Informationen über den aktuellen Akkuladestand, ob der Akku geladen wird und einige Ereignisse bei Batteriestatusänderungen liefern. Schauen wir uns den Effekt an!

Das Batterieobjekt wird in window.navigator.battery gespeichert. Da Firefox diese Schnittstelle jedoch zum ersten Mal implementiert und bereitstellt, ist sie noch nicht beliebt. Sie müssen window.navigator.mozBattery verwenden. Dieses mozBattery-Objekt hat die folgenden Eigenschaften:

1.Laden: Zeigt an, ob das aktuelle Akkugerät geladen wird. Wenn der Akku nicht geladen ist, ist dieser Wert falsch. Wenn dies der Fall ist, wird der Akku geladen. Die aktuelle API-Implementierung kann weder Informationen darüber erhalten, ob das Gerät voll ist, noch kann sie feststellen, ob das aktuelle Gerät über einen Akku verfügt.
2.Ladezeit: bezieht sich darauf, wie lange es dauert, bis der Akku vollständig aufgeladen ist.
3.Entladezeit: Batterienutzungszeit.
4.Stufe: Zeigt die Leistungsstufe an, von 0 bis 1,0. Wenn dieser Wert 0 ist, bedeutet dies, dass die Batterie leer ist und das System kurz vor dem Herunterfahren steht. Wenn der Wert 1,0 beträgt, bedeutet dies, dass der Akku vollständig aufgeladen ist.
Für diese Zustände stellt die Schnittstelle entsprechende Ereignisse zur Verfügung, darunter „OnLadewechsel“, „OnLadezeitwechsel“, „OnEntladezeitwechsel“ und „OnLevelChange“. Die grundlegende Verwendung ist sehr einfach:

Code kopieren Der Code lautet wie folgt:

// Holen Sie sich das Batterieobjekt!
var batterie = navigator.webkitBattery || // Zeigt einige nützliche Attributwerte an

console.warn("Batterieladestatus: ", batterie.Laden); // true
console.warn("Batteriestand: ", batterie.level); // 0,58
console.warn("Batterienutzungszeit: ", batterie.discreasingTime);

//Einige Ereignis-Listener festlegen

battery.addEventListener("Ladewechsel", Funktion(e) {
console.warn("Änderung des Ladezustands des Akkus: ", batterie.Laden);
} , false);
battery.addEventListener("Ladezeitänderung", Funktion(e) {
console.warn("Änderung der Ladezeit des Akkus: ", batterie.Ladezeit);
}, false);
battery.addEventListener("discreasingtimechange", function(e) {
console.warn("Änderung der Batteriezeit: ", battery.discreasingTime);
}, false);
battery.addEventListener(" levelchange" , function(e) {
console.warn("Battery level change: ", battery.level);
}, false);

Es ist einfach, nicht wahr? Diese Schnittstellen sind alle großartig: einfach, effizient und praktisch!
Warum diese Batterie-Programmierschnittstellen verwenden? Denn viele mit Browsern gepackte mobile Anwendungen (nicht nativ) müssen den aktuellen Status des Systems kennen. Einige CPUs reagieren sehr empfindlich auf die Stromversorgung. Das Gerät muss vor der Ausführung bestimmter Spezialaufgaben über ausreichend Strom verfügen.


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage