Menu konteks akan muncul untuk klik alternatif (sering disebut klik kanan) mouse. Halaman ini menjelaskan cara menerapkan menu konteks. Untuk mengetahui daftar lengkap anggota API terkait, lihat browser.contextMenu.
Untuk membuat menu konteks, tambahkan izin "contextMenus" ke file manifest.json terlebih dahulu.
manifest.json:
"permissions": [
"contextMenus"
],
Atau, gunakan tombol "icons" jika Anda ingin menampilkan ikon di samping item menu. Dalam contoh ini, item menu untuk ekstensi "Global Google Penelusuran" menggunakan ikon 16 x 16.
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 ditunjukkan di sini:
Contoh ini menunjukkannya dengan memanggil contextMenus.create() di service worker 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',
...
}
browser.runtime.onInstalled.addListener(async () => {
for (let [tld, locale] of Object.entries(tldLocales)) {
browser.contextMenus.create({
id: tld,
title: locale,
type: 'normal',
contexts: ['selection'],
});
}
});