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

WBOY
リリース: 2016-05-16 16:50:18
オリジナル
1374 人が閲覧しました

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 は電力に非常に敏感です。特定の特殊なタスクを処理する前に、デバイスに十分な電力が必要です。アプリは、電力が不足していることを事前にユーザーに通知する必要があります。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート