向chrome扩展图标中添加下拉菜单

Question

我知道我可以将一个popup.html与单击扩展按钮联系起来。然而，我希望它是一个菜单，就像点击Chrome自己的“自定义和控制Google”按钮(位于扩展图标右侧)后弹出的菜单。我试图在谷歌上搜索，但似乎没有人在谈论这个问题。我是否遗漏了Chrome扩展开发的任何常识？

Answer 1

一个实际的例子，因为文档实际上并没有说明：

manifest.js

{
  "name": "Foo menu",
  "description": "Demonstrating context menus on browser actions",
  "manifest_version": 2,
  "version": "1.0",
  "background": {
    "persistent": false,
    "scripts": ["background.js"]
  },
  "browser_action": {
    "default_title": "Click me"
  },
  "icons": {
    "16": "icon.png",
  },
  "permissions": ["contextMenus"]
}

background.js

chrome.contextMenus.removeAll();
chrome.contextMenus.create({
  id: "FOO_ACTION",
  title: "Foo",
  contexts: ["browser_action"],
});
chrome.contextMenus.onClicked.addListener((info, tab) => {
  if (info.menuItemId === "FOO_ACTION") {
    // Execute foo using tab id
    foo(tab.id);
  }
});

const foo = (tabId) => { console.log(`Foo called on tab with id ${tabId}`) };