ホームページ > 記事 > ウェブフロントエンド > JavaScript_javascript を使用してバッテリーの状態を取得する方法のヒント
Mozilla Aurora 11 以降、Firefox にはいくつかの新機能が実装されており、その 1 つはバッテリー ステータス インターフェイスの基本実装です。この非常にシンプルなインターフェイスは、現在のバッテリー レベル、充電中かどうか、およびいくつかのバッテリー ステータス変更イベントに関する情報を提供します。効果を見てみましょう!
バッテリー オブジェクトは window.navigator.battery に格納されますが、Firefox がこのインターフェイスを実装して提供するのはこれが初めてであるため、まだ普及していません。window.navigator.mozBattery を使用する必要があります。この mozBattery オブジェクトには次のプロパティがあります:
1.charging: 現在のバッテリー デバイスが充電中かどうかを示します。バッテリーが充電されていない場合、この値は false になります。 true の場合、バッテリーは充電中です。現在の API 実装は、バッテリーが満杯かどうかに関する情報を取得できず、現在のデバイスにバッテリーがあるかどうかを判断することもできません。
2.chargingTime: バッテリーが完全に充電されるまでにかかる時間を指します。
3.dischargingTime: バッテリーの使用時間。
4.level: パワーレベルを 0 ~ 1.0 で示します。この値が 0 の場合、バッテリーが消耗し、システムがシャットダウンしようとしていることを意味します。 1.0 の場合、バッテリーが完全に充電されていることを意味します。
これらの状態に対して、インターフェイスは、onchargingchange、onchargingtimechange、ondischargingtimechange、onlevelchange などの対応するイベントを提供します。基本的な使用法は非常に簡単です:
console.warn("バッテリー充電ステータス: ", Battery.charging); // true
console.warn("バッテリーレベル: ", Battery.level); // 0.58
console.warn("バッテリー使用時間: ", Battery.dischargingTime);
battery.addEventListener("chargingchange", function(e) {
console.warn("バッテリー充電ステータス変更: ", Battery.charging);
} , false);
battery.addEventListener("chargingtimechange", function(e) {
console.warn("バッテリー充電時間の変更: ", Battery.chargingTime);
}, false);
Battery.addEventListener("放電時間変更", function(e) {
console.warn("バッテリー時間変更: ", Battery.dischargingTime);
}, false);
battery.addEventListener(" レベル変更" , function(e) {
console.warn("バッテリー残量変更: ", Battery.level);
}, false);