संदर्भ मेन्यू बनाना

माउस के वैकल्पिक क्लिक (जिसे अक्सर राइट क्लिक कहा जाता है) के लिए एक संदर्भ मेन्यू दिखता है. संदर्भ मेन्यू बनाने के लिए, पहले Manifest.json फ़ाइल में "contextMenus" अनुमति जोड़ें.

manifest.json:

  "permissions": [
    "contextMenus"
  ],

किसी मेन्यू आइटम के बगल में आइकॉन दिखाने के लिए, "icons" बटन का इस्तेमाल करें. हालांकि, ऐसा करना ज़रूरी नहीं है. इस उदाहरण में, "ग्लोबल Google सर्च" के लिए मेन्यू आइटम एक्सटेंशन 16 x 16 आइकॉन का इस्तेमाल करता है.

इसका बाकी उदाहरण ग्लोबल Google सर्च संदर्भ मेन्यू सैंपल से लिया गया है, जिसमें संदर्भ मेन्यू के कई विकल्प मौजूद हैं. जब किसी एक्सटेंशन में एक से ज़्यादा संदर्भ मेन्यू होते हैं, तो Chrome उन्हें अपने-आप एक पैरंट मेन्यू में छोटा कर देता है, जैसा कि यहां दिखाया गया है:

यह सैंपल, एक्सटेंशन सर्विस वर्कर में contextMenus.create() को कॉल करके दिखता है. सब मेन्यू आइटम, locales.js फ़ाइल से इंपोर्ट किए जाते हैं. इसके बाद, runtime.onInstalled उनके ऊपर सूचना देता है.

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