Membangun menu konteks

Menu konteks akan muncul untuk klik alternatif (sering disebut klik kanan) mouse. Untuk membuat menu konteks, pertama-tama tambahkan izin "contextMenus" 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 "Google Penelusuran Global" menggunakan ikon berukuran 16x16.

Item menu konteks dengan ikon berukuran 16x16.

Contoh lainnya diambil dari Contoh menu konteks Google Penelusuran 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 ditampilkan di sini:

Gambar 4: Menu konteks dan submenu bertingkat.

Contoh menunjukkan hal ini dengan memanggil contextMenus.create() di pekerja layanan ekstensi. Item submenu diimpor dari file locales.js. Kemudian, runtime.onInstalled akan melakukan iterasi.

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