একটি প্রসঙ্গ মেনু তৈরি করুন

একটি মাউসের বিকল্প ক্লিকের (প্রায়ই ডান ক্লিক বলা হয়) জন্য একটি প্রসঙ্গ মেনু প্রদর্শিত হয়। একটি প্রসঙ্গ মেনু তৈরি করতে, প্রথমে manifest.json ফাইলে "contextMenus" অনুমতি যোগ করুন।

manifest.json:

  "permissions": [
    "contextMenus"
  ],

ঐচ্ছিকভাবে, "icons" কী ব্যবহার করুন যদি আপনি একটি মেনু আইটেমের পাশে একটি আইকন দেখাতে চান। এই উদাহরণে, "গ্লোবাল গুগল সার্চ" এক্সটেনশনের মেনু আইটেমটি 16 বাই 16 আইকন ব্যবহার করে৷

একটি 16 বাই 16 আইকন সহ একটি প্রসঙ্গ মেনু আইটেম৷

এই বাকি উদাহরণটি গ্লোবাল Google সার্চ প্রসঙ্গ মেনু নমুনা থেকে নেওয়া হয়েছে, যা একাধিক প্রসঙ্গ মেনু বিকল্প প্রদান করে। যখন একটি এক্সটেনশনে একাধিক প্রসঙ্গ মেনু থাকে, তখন Chrome স্বয়ংক্রিয়ভাবে সেগুলিকে এখানে দেখানো হিসাবে একটি একক অভিভাবক মেনুতে ভেঙে দেয়:

চিত্র 4 : একটি প্রসঙ্গ মেনু এবং একটি নেস্টেড সাব মেনু।

নমুনাটি এক্সটেনশন সার্ভিস ওয়ার্কারে 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'],
    });
  }
});