google-chrome-extension - Chrome 51中的明暗浏览器 Action 图标

Question

在Chrome 51中，隐身窗口现在具有深色的工具栏背景，而以前的版本使用浅色背景。单一的16x16图像在两种情况下通常都无法提供良好的对比度，这通常是不可行的:



通过browserAction图标向用户显示信息时，扩展程序可以通过哪种机制提供深色主题和浅色主题图标，并根据当前工具栏颜色在它们之间切换？

Link to source code for the pictured extension

Answer 1

目前还没有这种简单的机制，至少对于 list 来说，这听起来像是excellent feature request to make。

不过，可以通过检测隐身标签页处于打开状态并仅替换该标签页的浏览器操作图标来近似估算。

var incognitoIcons = {
  19: "incognito19.png",
  38: "incognito38.png"
};

chrome.tabs.onCreated.addListener(function(tab) {
  if (tab.incognito) {
    chrome.browserAction.setIcon({
      path: incognitoIcons,
      tabId: tab.id
    });
  }
});

如果您使用的是 "split" incognito behavior(非默认值)，则可以简单地检测到它并更改隐身实例的全局图标:

// Somewhere in background during initialization
if (chrome.extension.inIncognitoContext) {
  chrome.browserAction.setIcon({path: incognitoIcons});
}

请注意，内容脚本始终可以依赖 inIncognitoContext，因此，如果您触发了浏览器操作图标的更改，则可以将其传递。

显然，您可以使用 imageData而不是 path来做到这一点，就像您的情况一样。

您可能需要在使用Chrome时检查它的版本；我不知道有比 here更好的方法。