Kullanıcı belirli seçenekleri tanımlayabilir ve bunu localStorage kaydeder bir seçenekler sayfası var: options.html

Şimdi, options.htmlsayfada tanımlanan seçenekleri alması gereken bir içerik komut dosyası var , ancak içerik komut dosyasından localStorage'a erişmeye çalıştığımda, seçenekler sayfasından değer döndürmüyor.

İçerik betiğimin localStorage'dan, seçenekler sayfasından ve hatta arka plan sayfasından değerleri almasını nasıl sağlayabilirim?

Güncelleme 2016:

Google Chrome, depolama API'sını yayınladı: http://developer.chrome.com/extensions/storage.html

Diğer Chrome API'ları gibi kullanımı oldukça kolaydır ve Chrome'daki herhangi bir sayfa içeriğinden kullanabilirsiniz.

    // 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);
    });

Kullanmak için manifest'te tanımladığınızdan emin olun:

    "permissions": [
      "storage"
    ],

"Kaldır", "temizle", "getBytesInUse" ve değiştirilen depolamayı "onChanged" için dinlemek için bir olay dinleyicisi vardır.

Yerel localStorage kullanma ( 2011'den eski yanıt )

İçerik komut dosyaları, uzantı sayfaları yerine web sayfaları bağlamında çalışır. Bu nedenle, contentScript'inizden localStorage'a erişiyorsanız, uzantı sayfası depolama alanı değil, bu web sayfasındaki depolama alanı olacaktır.

Şimdi, içerik komut dosyanızın uzantı depolama alanınızı okumasına izin vermek için (bunları seçenekler sayfanızdan ayarladığınız yerde), uzantı mesajı geçişini kullanmanız gerekir .

Yapmanız gereken ilk şey, içerik betiğinize bazı verileri almak için uzantınıza bir istek göndermesini söylemektir ve bu veriler localStorage uzantınız olabilir:

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.
});

İçerik betiğinize genel localStorage verileri almak veya belki de tüm localStorage dizisini almak için bunun etrafında bir API yapabilirsiniz.

Umarım bu sorununuzu çözmenize yardımcı olmuştur.

Süslü ve genel olmak ...

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.
});

Bazen chrome.storage API'sini kullanmak daha iyi olabilir . LocalStorage'dan daha iyidir çünkü şunları yapabilirsiniz:

• içerik betiğinizden içerik betiği ve uzantı arasında iletiye gerek kalmadan bilgi depolamak ;
• verilerinizi JSON'da serileştirmeden JavaScript nesneleri olarak saklayın ( yalnızca localStorage dizeleri saklar ).

İşte chrome.storage'ın kullanımını gösteren basit bir kod. İçerik betiği ziyaret edilen sayfanın ve zaman damgasının URL'sini alır ve saklar, popup.js bunu depolama alanından alır.

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);
    })
})();

Buradaki "Değişiklikler", belirli bir anahtar için eski ve yeni değer içeren bir nesnedir. "AlanAdı" bağımsız değişkeni, 'yerel', 'eşitleme' veya 'yönetilen' depolama alanının adını belirtir.

Manifest.json dosyasında depolama izni bildirmeyi unutmayın.

manifest.json

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

Başka bir seçenek, kromatoz depolama API'sını kullanmak olacaktır. Bu, oturumlar arasında isteğe bağlı senkronizasyon ile kullanıcı verilerinin depolanmasına izin verir.

Bir dezavantajı, asenkron olmasıdır.

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