Maison > interface Web > js tutoriel > Comment obtenir l'état de la batterie à l'aide des astuces JavaScript_javascript

Comment obtenir l'état de la batterie à l'aide des astuces JavaScript_javascript

WBOY
Libérer: 2016-05-16 16:50:18
original
1384 Les gens l'ont consulté

À partir de Mozilla Aurora 11, certaines nouvelles fonctionnalités ont été implémentées dans Firefox, dont l'implémentation de base de l'interface d'état de la batterie. Cette interface très simple peut vous fournir des informations sur le niveau actuel de la batterie, si elle est en charge, ainsi que certains événements de changement d'état de la batterie. Voyons l'effet !

L'objet batterie est stocké dans window.navigator.battery, mais comme c'est la première fois que Firefox implémente et fournit cette interface, elle n'est pas encore populaire. Cet objet mozBattery a les propriétés suivantes :

1.chargement : indique si l'appareil à batterie actuel est en charge. Si la batterie n'est pas chargée, cette valeur est fausse. Si c'est vrai, la batterie est en charge. L'implémentation actuelle de l'API ne peut pas obtenir d'informations indiquant si elle est pleine, ni si l'appareil actuel dispose d'une batterie.
2. ChargingTime : fait référence au temps qu'il faut pour que la batterie soit complètement chargée.
3.dissolvingTime : durée d'utilisation de la batterie.
4.level : Indique le niveau de puissance, de 0 à 1,0. Lorsque cette valeur est 0, cela signifie que la batterie est épuisée et que le système est sur le point de s'arrêter. S'il est 1,0, cela signifie que la batterie est complètement chargée.
Pour ces états, l'interface fournit les événements correspondants, notamment onchargementchange, onchargetimechange, ondischargetimechange et onlevelchange. L'utilisation de base est très simple :

Copier le code Le code est le suivant :

// Obtenez l'objet batterie !
var Battery = navigator.battery || navigator.webkitBattery || // Afficher quelques valeurs d'attributs utiles

console.warn("État de charge de la batterie : ", Battery.charger); // true
console.warn("Niveau de batterie : ", Battery.level); // 0.58
console.warn("Durée d'utilisation de la batterie : ", Battery.dischargeTime);

//Définir des écouteurs d'événements

battery.addEventListener("chargementchange", function(e) {
console.warn("Changement d'état de charge de la batterie : ", batterie.chargement);
} , false);
battery.addEventListener("chargertimechange", function(e) {
console.warn("Changement du temps de charge de la batterie : ", battery.solvingTime);
}, false);
Battery.addEventListener("dissolvingtimechange", function(e) {
console.warn("Changement d'heure de la batterie : ", Battery.dissolvingTime);
}, false);
battery.addEventListener("levelchange" , function(e) {
console.warn("Changement de niveau de batterie : ", battery.level);
}, false);

C'est simple, n'est-ce pas ? Ces interfaces sont toutes géniales : simples, efficaces et pratiques !
Pourquoi utiliser ces interfaces de programmation de batterie ? Car de nombreuses applications mobiles (non natives) fournies avec les navigateurs ont besoin de connaître l'état actuel du système. Certains processeurs sont très sensibles à la puissance. L'appareil doit disposer d'une puissance suffisante avant d'effectuer certaines tâches spéciales. L'application doit rappeler à l'avance à l'utilisateur que la puissance est faible et qu'il doit être chargé.


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal