Chrome eklentileri için BatteryStatus API çalışmıyor

Question

Sistemin pil düzeyini görüntüleyecek krom tarayıcısı için bir uzantı oluşturmaya çalışıyorum (ve başka şeyleri ikiye katlayın) BatteryStatusAPI. Sadece deniyorum Basit tuval kullanarak pil seviyesini gösterir, ancak işe yaramaz.

tezahür:

{ 
    "manifest_version": 2, 

    "name": "Battery", 
    "description": "This extension shows the battery stats of the current device.", 
    "version": "1.0", 

    "browser_action": { 
     "default_icon": "battery_full.png", 
     "default_title": "Click Here!" 
    }, 

    "background": { 
     "scripts": ["icon_changer.js"] 
    } 
} 

JavaScript:

var battery; 
navigator.getBattery() 
    .then(function (b) { 
     battery = b; 
    } 
); 

function drawIcon() { 
    var clockCanvas = document.createElement("canvas"); 
    clockCanvas.height = 19; 
    clockCanvas.width = 19; 

    var clockContext = clockCanvas.getContext("2d"); 
    clockContext.textAlign = "center"; 
    clockContext.textBaseline = "middle"; 
    clockContext.font = "9px Arial"; 
    clockContext.fillText(battery.level, 9, 10); 

    chrome.browserAction.setIcon({ 
     imageData: clockContext.getImageData(0, 0, 19, 19) 
    }); 
} 

drawIcon(); 

Sorunun ne düşünüyorsunuz?

Answer 1

Sen Navigator.getBattery().then(funcRef) için, funcRef pil promise çözüme kavuşturulacağını navigator.getBattery tarafından döndüğünde çağrılacak bir işlevdir bilmeli. Eşzamanlılık nedeniyle, drawIcon, getBattery() arandığınızda, funcRef çözülemeyebilir, battery undefined anlamına gelir.

funcRef içinde drawIcon işlevini taşımanız gerekir.

var battery; 
navigator.getBattery() 
    .then(function (b) { 
     battery = b; 
     drawIcon(); 
    } 
); 

function drawIcon() { 
    // Your logic here 
}