Создайте контекстное меню

Контекстное меню появляется при попеременном щелчке мыши (часто называемом щелчком правой кнопкой мыши). На этой странице описано, как реализовать контекстное меню. Полный список соответствующих членов API см. в browser.contextMenu .

To build a context menu, first add the "contextMenus" permission to the manifest.json file.

manifest.json:

  "permissions": [
    "contextMenus"
  ],

Optionally, use the "icons" key if you want to show an icon next to a menu item. In this example, the menu item for the "Global Google Search" extension uses a 16 by 16 icon.

Пункт контекстного меню со значком размером 16 на 16.
Пункт контекстного меню со значком размером 16 на 16.

Остальная часть этого примера взята из примера контекстного меню глобального поиска Google , который предоставляет несколько пунктов контекстного меню. Когда расширение содержит более одного контекстного меню, Chrome автоматически сворачивает их в одно родительское меню, как показано здесь:

Вложенное контекстное меню.
Рисунок 4 : Контекстное меню и вложенное подменю.

The sample shows this by calling contextMenus.create() in the extension service worker . Sub menu items are imported from the locales.js file. Then runtime.onInstalled iterates over them.

service-worker.js:

const tldLocales = {
  'com.au': 'Australia',
  'com.br': 'Brazil',
  ...
}

browser.runtime.onInstalled.addListener(async () => {
  for (let [tld, locale] of Object.entries(tldLocales)) {
    browser.contextMenus.create({
      id: tld,
      title: locale,
      type: 'normal',
      contexts: ['selection'],
    });
  }
});