为什么这个 chrome.browserAction.setIcon 方法不起作用？

我正在查看文档页面 https://developer.chrome.com/extensions/browserAction#method-setIcon我不知道我的代码有什么问题：

chrome.browserAction.setIcon({
  details.imageData = {
    "48": "Icons/iconfavorite48x.png",
    "64": "Icons/iconfavorite64x.png",
    "128": "Icons/iconfavorite128x.png"
  }
});

文件说：

请注意，“details.imageData = foo”相当于 'details.imageData = {'19': foo}'

所以我非常困惑

您的代码基本上是一个很大的语法错误。 JavaScript 对象文字期望是一个对的列表key: value。您不能（也不需要）在其中进行任何作业key part.

所以，修复only语法错误，它将是：

// Still wrong:
chrome.browserAction.setIcon({
  imageData : {
    "48": "Icons/iconfavorite48x.png",
    "64": "Icons/iconfavorite64x.png",
    "128": "Icons/iconfavorite128x.png"
  }
});

这将会失败。imageData期望获得像素数据的二进制斑点，例如，<canvas>。如果你想提供路径，你需要使用path财产：

// Still wrong:
chrome.browserAction.setIcon({
  path : {
    "48": "Icons/iconfavorite48x.png",
    "64": "Icons/iconfavorite64x.png",
    "128": "Icons/iconfavorite128x.png"
  }
});

请注意，您只能提供它期望的尺寸。如果包含任何其他内容，它将失败。引用文档：

如果适合一个屏幕空间单位的图像像素数等于scale，则将选择尺寸为scale * 19的图像。最初仅支持比例 1 和 2。

正常大小的图标是 19x19 像素；在高 DPI 屏幕上，Chrome 可能会显示 38x38 图标。

更新：由于 Chrome 在 53 中已切换到 Material Design，因此现在预计分别为 16x16 和 32x32。您可以毫无错误地提供新旧尺寸。

所以你可以这样做：

// Correct
chrome.browserAction.setIcon({
  path : {
    "19": "Icons/iconfavorite19x.png",
    "38": "Icons/iconfavorite38x.png"
  }
});

// Also correct
chrome.browserAction.setIcon({
  path : {
    "19": "Icons/iconfavorite19x.png"
  }
});

// Also correct
chrome.browserAction.setIcon({
  path : "Icons/iconfavorite19x.png"
});

图像没有have为了获得这些尺寸，如有必要，将对其进行缩放；但当然最好是准确的。