Chrome-Erweiterung: Zugriff auf einen von vielen Werten mit demselben Schlüssel

Question

Ich versuche, eine Google Chrome-Erweiterung zu schreiben, und ich verwende die chrome.storage-API.

Ich bin Speichern der URL einer Seite mit:

chrome.storage.local.set({'url': document.URL}); 

Aber diese Funktion mehrere Male, und so in der Speicher gibt es mehrere unterschiedliche URLs mit der gleichen ‚url‘ Schlüssel genannt.

den Wert erhalten, die ich benutze:

chrome.storage.local.get('url', function (urlResult) { 
url = urlResult.url; 
document.getElementById("urlInfo").innerHTML = url; 
}); 

Aber dies wird in den Schlüssel nur die letzte der gespeicherten Werte zurück. Also zum Beispiel, wenn ich https://stackoverflow.com/ zuerst und https://github.com/ Sekunde besuchen, wird mein Code nur die GitHub-Adresse zurückgeben. Ist es möglich, auf den Stackoverflow-Wert zuzugreifen, obwohl mehrere Werte für denselben Schlüssel vorhanden sind?

Danke!

Answer 1

Wie @SLaks erwähnt, könnten Sie URLs in einem Array speichern.

Set:

chrome.storage.local.get({urls: []}, function (result) { 
    var urls = result.urls; 
    urls.push(document.URL); 
    chrome.storage.local.set({ urls: urls }); 
}); 

Get:

chrome.storage.local.get({urls: []}, function (result) { 
    var urls = result.urls; 
    var url1 = urls.find((url) => url === 'https://www.stackoverflow.com'); 
    var url2 = urls.find((url) => url === 'https://www.github.com'); 
});