בניית תפריט הקשר

תפריט הקשר מופיע עבור הקליק החלופי (שנקרא בדרך כלל 'לחיצה ימנית)' של העכבר. כדי ליצור תפריט הקשר, קודם צריך להוסיף את ההרשאה "contextMenus" לקובץ המניפסט.json.

manifest.json:

  "permissions": [
    "contextMenus"
  ],

אפשר להשתמש במקש "icons" אם רוצים להציג סמל לצד אפשרות בתפריט. בדוגמה זו, האפשרות בתפריט של האפשרות 'חיפוש Google גלובלי' בתוספת סמל של 16 על 16.

.

שאר הדוגמה הזו נלקחת מדוגמה לתפריט ההקשר הגלובלי של חיפוש Google, שכוללת מספר אפשרויות של תפריטי הקשר. כשתוסף מכיל יותר מתפריט הקשר אחד, Chrome מכווץ אותו באופן אוטומטי לתפריט הורה יחיד, כפי שמוצג כאן:

בדוגמה אפשר לראות זאת על ידי קריאה ל-contextMenus.create() ב-Extension Service worker. האפשרויות בתפריט המשנה מיובאות מהקובץ 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'],
    });
  }
});