Bouw een contextmenu

Een contextmenu verschijnt bij een alternatieve muisklik (vaak de rechtermuisklik genoemd). 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 voorbeeld van het contextmenu 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',
  ...
}

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