JavaScript_javascript を使用してバッテリーの状態を取得する方法のヒント-jsチュートリアル-php.cn

JavaScript_javascript を使用してバッテリーの状態を取得する方法のヒント

WBOY

リリース： 2016-05-16 16:50:18

オリジナル

1385 人が閲覧しました

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 などの対応するイベントを提供します。基本的な使用法は非常に簡単です:

コードをコピーコードは次のとおりです:

//
var Battery = navigator.webkitBattery || バッテリーオブジェクトを取得します。 // いくつかの有用な属性値を表示します

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);

簡単ですよね。これらのインターフェースはどれも素晴らしく、シンプル、効率的、そして実用的です。
なぜこれらのバッテリープログラミングインターフェースを使用するのですか?ブラウザーにパッケージ化された多くのモバイルアプリケーション (非ネイティブ) は、システムの現在の状態を知る必要があるためです。一部の CPU は電力に非常に敏感です。特定の特殊なタスクを処理する前に、デバイスに十分な電力が必要です。アプリは、電力が不足していることを事前にユーザーに通知する必要があります。