12

これは私の問題です：

新しいタブでpopup.jsのlocalStorageを更新します。background.jsの同じlocalStorage（同じキー）にアクセスします。

これで、chrome：//extensionsタブを除くすべてのタブでnullが返されます（拡張機能をロードしたとき）。

localStorageはすべてのタブで永続的だと思いました。

コード：

popup.js：

$(document).ready(function (){

    alert(localStorage.getItem('filters'));
    var oldFilters = localStorage.getItem('filters');
    //All the filters show up on the popup.html page.
    document.getElementById('td1').innerHTML = oldFilters;

    var dat = oldFilters + "," + newArray[j]
    localStorage.setItem('filters',String(dat));
}

background.js：

$(window).ready(function() {
  // Handler for .ready() called.

 var filters = localStorage.getItem('filters');

   alert("background + "+ filters);
    //This shows all the filters in the chrome:extensions page but always pops up "background + null" in every new tab load. 

//changeImage(filters);

});
4

1 に答える 1

16

背景とブラウザの操作（あなたの場合）ページは孤立した世界に住んでおり、ローカルストレージの詳細に相互にアクセスすることはできません。この種のアクセスを実現したい場合は、ストレージのニーズにchrome.storageを使用してください。

利点はほとんどありません

  • 拡張機能のコンテンツスクリプトは、バックグラウンドページを必要とせずにユーザーデータに直接アクセスできます。
  • 分割シークレット動作を使用している場合でも、ユーザーの拡張機能設定を保持できます。
  • ユーザーデータはオブジェクトとして保存できます（localStorage APIはデータを文字列に保存します）。

使用した方法

デモンストレーション

マニフェスト.json

ストレージAPIにアクセスするためのすべての権限が利用可能であることを確認してください。

{
"name":"Local Storage Demo",
"description":"This is a small use case for using local storage",
"version":"1",
"manifest_version":2,
"background":{
    "scripts":["background.js"]
},
"browser_action":{
    "default_popup":"popup.html",
    "default_icon":"logo.png"
},
"permissions":["storage"]
}

popup.html

CSPを超えるpopup.jsを参照する簡単なポップアップhtmlページ。

<!doctype html>
<html>
<head>
<script src="popup.js"></script>
</head>
<body>
</body>
</html>

background.js

このスクリプトはコンテンツをChromeストレージに設定します

//Set some content from background page
chrome.storage.local.set({"identifier":"Some awesome Content"},function (){
    console.log("Storage Succesful");
});
//get all contents of chrome storage
chrome.storage.local.get(null,function (obj){
        console.log(JSON.stringify(obj));
});

popup.js

このスクリプトは、Chromeストレージからコンテンツを取得して設定します

document.addEventListener("DOMContentLoaded",function (){
    //Fetch all contents
    chrome.storage.local.get(null,function (obj){
        console.log(JSON.stringify(obj));
    });
    //Set some content from browser action
    chrome.storage.local.set({"anotherIdentifier":"Another awesome Content"},function (){
        console.log("Storage Succesful");
    });
});

これらのjsページの出力を見ると、ストレージの通信（[背景]->[ポップアップ]および[ポップアップ]->[背景]）が実現されています。

于 2012-12-23T06:54:32.540 に答える