Membangun menu konteks

Menu konteks akan muncul untuk klik alternatif (sering disebut klik kanan) mouse. Untuk membuat menu konteks, tambahkan izin "contextMenus" terlebih dahulu ke file manifest.json.

manifest.json:

  "permissions": [
    "contextMenus"
  ],

Secara opsional, gunakan tombol "icons" jika Anda ingin menampilkan ikon di samping item menu. Dalam contoh ini, item menu untuk ekstensi "Global Google Search" menggunakan ikon 16 x 16.

Contoh lainnya diambil dari contoh menu konteks Penelusuran Google Global, yang menyediakan beberapa opsi menu konteks. Jika ekstensi berisi lebih dari satu menu konteks, Chrome akan otomatis menciutkannya menjadi satu menu induk seperti yang ditunjukkan di sini:

Contoh ini menunjukkannya dengan memanggil contextMenus.create() di pekerja layanan ekstensi. Item sub-menu diimpor dari file locales.js. Kemudian, runtime.onInstalled melakukan iterasi terhadapnya.

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