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

Контекстное меню появляется при попеременном щелчке мыши (часто называемом щелчком правой кнопкой мыши). Чтобы создать контекстное меню, сначала добавьте разрешение "contextMenus" в файл manifest.json.

manifest.json:

  "permissions": [
    "contextMenus"
  ],

При желании используйте клавишу "icons" , если хотите отобразить значок рядом с пунктом меню. В этом примере для пункта меню расширения "Глобальный поиск Google" используется значок размером 16 на 16 пикселей.

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

В примере это демонстрируется вызовом метода contextMenus.create() в обработчике службы расширения . Пункты подменю импортируются из файла locales.js . Затем runtime.onInstalled перебирает их.

service-worker.js:

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

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