Wie kann ich dem Kontextmenü dynamisch eine Option in einer Chrome-Erweiterung hinzufügen?

Question

Ich mache eine Erweiterung in dem der Client einige Daten in der Verlängerung erzeugt und speichert sie in einem Array von Objekten in localStorage dynamisch wie:

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

Wenn ein Client einige Daten speichert, möchte ich zeigen, das neu hinzugefügte Objekt im Kontextmenü von Chrome. Wenn es so viele Objekte in einem Array ist, ist es schwierig für mich, diese jedes Mal zu schreiben:

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

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

}); 

Wie kann ich das tun? Jeder hilfreiche Vorschlag wird geschätzt.

Answer 1

1. Jedes Mal, wenn Sie localStorage.setItem nennen, könnte man so etwas wie Message Passing sagen Hintergrund Webseite ist es Zeit, Kontextmenüs zu aktualisieren. Dann könnten Sie chrome.contextMenus.create oder chrome.contextMenus.update verwenden, um das Kontextmenü zu aktualisieren.

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

2. Sie können auch Benutzerdaten über chrome.storage.local.set, speichern, die zwischen Content-Skripte und Hintergrund Seite geteilt wird, dann könnten Sie Ereignishandler für chrome.storage.onChanged in backgorund Seite, und aktualisieren Sie das Kontextmenü innerhalb des Handlers registrieren.

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