是否可以在javascript中檢測電池供電的設備？

Question

一位客戶最近要求我在我們的網站上實施幻燈片。我擔心在主頁上不斷動畫的圖片轉換會掛住大多數移動設備的處理器，所以我想禁用自動前進以延長電池壽命。有沒有辦法做到這一點，而不嘗試檢測用戶代理？

我已經看到有一個電池狀態API起草here，但我不知道它是多麼完整，或者哪些瀏覽器已經實現它。

Answer 1

實際上確定電池是相當困難的，可能涉及各種權限問題。

嘗試只執行一小段代碼並檢查花費的時間。選擇一箇中斷，如果代碼執行得太慢，請關閉轉換/動畫/自動遵從。這將不僅僅是電池設備。任何太慢都會得到非動畫版本。優雅地退化。

Answer 2

另一個老話題了，但仍然具有現實意義 - 我現在檢查設備是否有運動傳感器，而不是許多筆記本電腦做的，但所有的現代智能手機和平板電腦做 -

- 使筆記本電腦用戶可以用稍微電池使用Live

jQuery的：

if (window.DeviceOrientationEvent) { 
    $(window).one("devicemotion", function(event) { 
     if (event.originalEvent.acceleration 
       && event.originalEvent.acceleration.x !== null) { // Chrome fakes it on desktop 
      isMobile = true; 
     } 
    }); 
} 

普通的JavaScript：

if (window.DeviceOrientationEvent) { 
    window.ondevicemotion = function(event) { 
     if (event.acceleration 
       && event.acceleration.x !== null) { // Chrome fakes it on desktop 
      window.ondevicemotion = null; 
      isMobile = true; 
     } 
    }; 
} 

Answer 3

，現在您可以使用此API：http://davidwalsh.name/javascript-battery-api

navigator.getBattery().then(function(result) {});