สร้างเมนูตามบริบท

เมนูตามบริบทจะปรากฏขึ้นสำหรับการคลิกสำรอง (มักเรียกว่าการคลิกขวา) ของเมาส์ หน้านี้อธิบายวิธีใช้เมนูบริบท ดูรายการสมาชิก API ที่เกี่ยวข้องทั้งหมดได้ที่ browser.contextMenu

หากต้องการสร้างเมนูบริบท ให้เพิ่ม"contextMenus" สิทธิ์ลงในไฟล์ manifest.json ก่อน

manifest.json:

  "permissions": [
    "contextMenus"
  ],

หรือจะใช้คีย์ "icons" หากต้องการแสดงไอคอนข้างรายการเมนู ในตัวอย่างนี้ รายการเมนูสำหรับส่วนขยาย "Global Google Search" ใช้ไอคอนขนาด 16x16

ส่วนที่เหลือของตัวอย่างนี้มาจากตัวอย่างเมนูตามบริบทของ Google Search ทั่วโลก ซึ่งมีตัวเลือกเมนูตามบริบทหลายรายการ เมื่อส่วนขยายมีเมนูตามบริบทมากกว่า 1 รายการ Chrome จะยุบเมนูเหล่านั้นเป็นเมนูหลักเดียวโดยอัตโนมัติตามที่แสดงที่นี่

ตัวอย่างแสดงให้เห็นโดยการเรียก contextMenus.create() ใน Service Worker ของส่วนขยาย ระบบจะนำเข้ารายการในเมนูย่อยจากไฟล์ locales.js จากนั้น runtime.onInstalled จะวนซ้ำรายการเหล่านั้น

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