Xây dựng trình đơn theo bối cảnh

Trình đơn theo bối cảnh sẽ xuất hiện khi bạn nhấp chuột thay thế (thường gọi là nhấp chuột phải). Để tạo một trình đơn theo bối cảnh, trước tiên, hãy thêm quyền "contextMenus" vào tệp manifest.json.

manifest.json:

  "permissions": [
    "contextMenus"
  ],

Bạn có thể dùng phím "icons" nếu muốn hiện biểu tượng bên cạnh một mục trong trình đơn. Trong ví dụ này, mục trong trình đơn cho tiện ích "Global Google Tìm kiếm" sử dụng biểu tượng 16 x 16.

Một mục trong trình đơn theo bối cảnh có biểu tượng 16 x 16.

Phần còn lại của ví dụ này được lấy từ mẫu trình đơn theo bối cảnh của Google Tìm kiếm toàn cầu, cung cấp nhiều lựa chọn trong trình đơn theo bối cảnh. Khi một tiện ích có nhiều trình đơn theo bối cảnh, Chrome sẽ tự động thu gọn các trình đơn đó thành một trình đơn mẹ duy nhất như minh hoạ ở đây:

Hình 4: Trình đơn theo bối cảnh và trình đơn con lồng nhau.

Mẫu này cho thấy điều này bằng cách gọi contextMenus.create() trong trình chạy dịch vụ tiện ích. Các mục trong trình đơn phụ được nhập từ tệp locales.js. Sau đó, runtime.onInstalled sẽ lặp lại các bước này.

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