Как добавить динамическое расширение в контекстное меню в расширении Chrome?

Question

творит расширение, в котором клиент генерирует некоторые данные в расширении и сохраняет его в массиве объектов в localStorage динамически, как:

var list = [{},{newly added object}]; 
localStorage.setItem("data", JSON.stringify(links)); 

Когда клиент сохраняет некоторые данные, я хочу, чтобы показать недавно добавленный объект в контекстном меню Chrome. Если есть так много объектов в массиве, это трудно для меня, чтобы написать это каждый раз:

chrome.contextMenus.create({ 
    id: "****", 
    title: "***", 
    contexts: ["all"] 
}); 

chrome.contextMenus.onClicked.addListener(function(info, tab) { 
    if (info.menuItemId == "some-id") { 
     // do something 
} 

}); 

Как я могу это сделать? Любое полезное предложение будет оценено по достоинству.

Answer 1

1. Каждый раз, когда вы звоните localStorage.setItem, вы могли бы использовать что-то вроде Message Passing сказать фона страницы пришло время обновить контекстное меню. Затем вы можете использовать chrome.contextMenus.create или chrome.contextMenus.update для обновления контекстного меню.

   chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) { 
       chrome.contextMenus.create({ 
        id: "****", 
        title: "***", 
        contexts: ["all"] 
       }); 
   }); 
   

2. Вы также можете сохранить пользовательские данные через chrome.storage.local.set, которая разделена между сценариями содержания и фона страницы, то вы можете зарегистрировать обработчик событий для chrome.storage.onChanged в Backgorund страницы и обновить контекстное меню внутри обработчика.

   chrome.storage.onChanged.addListener(function(changes, areaName) { 
       chrome.contextMenus.create({ 
        id: "****", 
        title: "***", 
        contexts: ["all"] 
       }); 
   });