Für den alternativen Klick (häufig als Rechtsklick bezeichnet) einer Maus wird ein Kontextmenü angezeigt. Um ein Kontextmenü zu erstellen, fügen Sie zuerst die "contextMenus" Berechtigung zur Datei manifest.json hinzu.
manifest.json:
"permissions": [
"contextMenus"
],
Optional können Sie den "icons" Schlüssel verwenden, wenn neben einem Menüelement ein Symbol angezeigt werden soll. In diesem Beispiel verwendet das Menüelement für die Erweiterung „Globale Google Suche“ ein 16 × 16-Symbol.
Der Rest dieses Beispiels stammt aus dem Beispiel für das Kontextmenü der globalen Google Suche, das mehrere Kontextmenüoptionen bietet. Wenn eine Erweiterung mehr als ein Kontextmenü enthält, werden diese in Chrome automatisch zu einem einzelnen übergeordneten Menü zusammengefasst, wie hier gezeigt:
Im Beispiel wird dies durch den Aufruf von contextMenus.create() im Service Worker der Erweiterung gezeigt. Untermenüelemente werden aus der Datei locales.js importiert. Anschließend werden sie von runtime.onInstalled durchlaufen.
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'],
});
}
});