Ho una pagina di opzioni in cui l'utente può definire determinate opzioni e lo salva in localStorage: options.html

Ora ho anche uno script di contenuto che deve ottenere le opzioni definite nella options.htmlpagina, ma quando provo ad accedere a localStorage dallo script di contenuto, non restituisce il valore dalla pagina delle opzioni.

Come posso fare in modo che il mio script di contenuto ottenga valori da localStorage, dalla pagina delle opzioni o anche dalla pagina di sfondo?

Aggiornamento 2016:

Google Chrome ha rilasciato l'API di archiviazione: http://developer.chrome.com/extensions/storage.html

È abbastanza facile da usare come le altre API di Chrome e puoi usarlo da qualsiasi contesto di pagina all'interno di Chrome.

    // Save it using the Chrome extension storage API.
    chrome.storage.sync.set({'foo': 'hello', 'bar': 'hi'}, function() {
      console.log('Settings saved');
    });

    // Read it using the storage API
    chrome.storage.sync.get(['foo', 'bar'], function(items) {
      message('Settings retrieved', items);
    });

Per usarlo, assicurati di definirlo nel manifest:

    "permissions": [
      "storage"
    ],

Esistono metodi per "rimuovere", "cancella", "getBytesInUse" e un listener di eventi per ascoltare la memoria modificata "onChanged"

Utilizzo di LocalStorage nativo ( vecchia risposta dal 2011 )

Gli script di contenuto vengono eseguiti nel contesto di pagine Web, non di pagine di estensione. Pertanto, se accedi a localStorage dal tuo indice, sarà l'archiviazione da quella pagina web, non l'archiviazione della pagina di estensione.

Ora, per consentire allo script di contenuti di leggere la memoria dell'estensione (dove li hai impostati dalla pagina delle opzioni), devi utilizzare il passaggio dei messaggi di estensione .

La prima cosa da fare è dire al tuo script di contenuto di inviare una richiesta alla tua estensione per recuperare alcuni dati e che tali dati possono essere la tua estensione localStorage:

contentscript.js

chrome.runtime.sendMessage({method: "getStatus"}, function(response) {
  console.log(response.status);
});

background.js

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    if (request.method == "getStatus")
      sendResponse({status: localStorage['status']});
    else
      sendResponse({}); // snub them.
});

È possibile eseguire un'API per ottenere dati generici localStorage nello script del contenuto o, forse, ottenere l'intero array localStorage.

Spero che ciò abbia contribuito a risolvere il tuo problema.

Essere fantasiosi e generici ...

contentscript.js

chrome.runtime.sendMessage({method: "getLocalStorage", key: "status"}, function(response) {
  console.log(response.data);
});

background.js

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    if (request.method == "getLocalStorage")
      sendResponse({data: localStorage[request.key]});
    else
      sendResponse({}); // snub them.
});

A volte potrebbe essere meglio usare l' API chrome.storage . È meglio quindi localStorage perché puoi:

• memorizzare le informazioni dallo script del contenuto senza la necessità di passare messaggi tra lo script del contenuto e l'estensione;
• archivia i tuoi dati come oggetti JavaScript senza serializzarli su JSON ( localStorage archivia solo le stringhe ).

Ecco un semplice codice che dimostra l'uso di chrome.storage. Lo script di contenuto ottiene l'URL della pagina visitata e il timestamp e lo memorizza, popup.js lo ottiene dall'area di archiviazione.

content_script.js

(function () {
    var visited = window.location.href;
    var time = +new Date();
    chrome.storage.sync.set({'visitedPages':{pageUrl:visited,time:time}}, function () {
        console.log("Just visited",visited)
    });
})();

popup.js

(function () {
    chrome.storage.onChanged.addListener(function (changes,areaName) {
        console.log("New item in storage",changes.visitedPages.newValue);
    })
})();

"Modifiche" qui è un oggetto che contiene un valore vecchio e nuovo per una determinata chiave. L'argomento "AreaName" si riferisce al nome dell'area di archiviazione, "local", "sync" o "managed".

Ricorda di dichiarare il permesso di archiviazione in manifest.json.

manifest.json

...
"permissions": [
    "storage"
 ],
...

Un'altra opzione sarebbe quella di utilizzare l'API chromestorage. Ciò consente l'archiviazione dei dati utente con la sincronizzazione facoltativa tra le sessioni.

Un aspetto negativo è che è asincrono.

https://developer.chrome.com/extensions/storage.html