Membangun menu konteks

Menu konteks 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"
  ],

Anda juga dapat menggunakan tombol "icons" jika ingin menampilkan ikon di samping item menu. Dalam contoh ini, item menu untuk "Penelusuran Google Global" ekstensi menggunakan ikon 16 x 16.

Contoh lainnya ini 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 ke dalam satu menu induk seperti yang ditampilkan di sini:

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.

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