Bouw een contextmenu

Een contextmenu verschijnt bij een alternatieve muisklik (vaak de rechtermuisklik genoemd). Deze pagina beschrijft hoe u een contextmenu implementeert. Voor een volledige lijst van de bijbehorende API-leden, zie browser.contextMenu .

Om een ​​contextmenu te maken, moet je eerst de machtiging "contextMenus" toevoegen aan het manifest.json-bestand.

manifest.json:

  "permissions": [
    "contextMenus"
  ],

Gebruik optioneel de sleutel "icons" als u een pictogram naast een menu-item wilt weergeven. In dit voorbeeld gebruikt het menu-item voor de extensie "Global Google Search" een pictogram van 16 bij 16 pixels.

De rest van dit voorbeeld is afkomstig uit het contextmenu-voorbeeld van Global Google Search , dat meerdere contextmenu-opties biedt. Wanneer een extensie meer dan één contextmenu bevat, voegt Chrome deze automatisch samen tot één overkoepelend menu, zoals hieronder weergegeven:

Het voorbeeld laat dit zien door contextMenus.create() aan te roepen in de extension service worker . Submenu-items worden geïmporteerd vanuit het locales.js- bestand. Vervolgens doorloopt runtime.onInstalled deze items.

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'],
    });
  }
});