我想自定义Chrome扩展程序的扩展操作按钮的设计（视图）。
我想知道是否可以使用html而不仅仅是图片。我想按钮显示文字和数字。我希望能够更新文本和数字。
如果我能用所需信息生成图像并更改默认按钮图标，我确实很高兴。但我没有找到任何东西。
提前谢谢
答案 0 :(得分：1)
要创建动态浏览器操作图标，请使用HTML5 Canvas element;创建画布，向其添加图像和/或文本，然后将画布的图像数据传递给chrome.browserAction.setIcon。
这是一个小例子（请注意，这使用jQuery创建canvas元素）：
$('body').append('<canvas id="myCanvas" width="19" height="19"></canvas>');
var myCanvas = document.getElementById('myCanvas');
var context = myCanvas.getContext('2d');
context.fillStyle = "blue";
context.font = "normal 9px Arial";
context.fillText("foo", 0, 19);
chrome.browserAction.setIcon({ imageData: context.getImageData(0, 0, 19, 19) });
请注意，您只能使用19x19像素，因此字体可能需要非常小。
根据您的需求，您可以创建将文本创建为图像并将图像添加到画布，和/或使用chrome.browserAction.setBadgeText。
如需进一步阅读，请参阅：