google-chrome-extension - 是否可以在 Chrome 扩展程序中调用 pageAction 上的 setBadgeText ？

Question

我正在尝试使用以下代码为我的 chrome 扩展设置徽章文本:

chrome.pageAction.setBadgeText({"text":'3'})

这会引发错误 Object #<Object> has no method setBadgeText .

Answer 1

我使用了 Canvas 功能来获得相同的结果。这是我使用的代码。

window.setInterval(function() {
  chrome.pageAction.setIcon({imageData: draw(10, 0), tabId: tabId});
}, 1000);

function draw(starty, startx) {
  var canvas = document.getElementById('canvas');
  var context = canvas.getContext('2d');
    var img = new Image();
    img.src = "icon_16.png"
    img.onload = function () {
       context.drawImage(img,0,2);
    }
  //context.clearRect(0, 0, canvas.width, canvas.height);
  context.fillStyle = "rgba(255,0,0,1)";
  context.fillRect(startx % 19, starty % 19, 10, 10);
  context.fillStyle = "white";
  context.font = "11px Arial";
  context.fillText("3",0,19);
  return context.getImageData(0, 0, 19, 19);
}

在这里您可以更改要显示的文本的位置和颜色。