如何在Chrome擴展程序中本地保存信息？

Question

我希望我的chrome擴展程序保存一些信息，我不知道如何啟動代碼...我需要它來保存字符串。 例如 - 用戶輸入一個字符串（在彈出窗口的文本區域中），此字符串顯示在彈出窗口中。 當用戶退出並返回時，我希望字符串保持不變。 （我相信它必須保存它）我不想將它保存在我的服務器或類似的東西上，我希望它保存在用戶緩存或其他東西上。

Answer 1

您現在可以利用Google Chrome的storage API來執行此操作。 與localStorage不同，這也可以從內容腳本訪問。

//  Somewhere in your manifest...

{
    "permissions": [
        "storage"
    ]
}

//  Usage:

//  PERSISTENT Storage - Globally
//  Save data to storage across their browsers...

chrome.storage.sync.set({ "yourBody": "myBody" }, function(){
    //  A data saved callback omg so fancy
});

chrome.storage.sync.get(/* String or Array */["yourBody"], function(items){
    //  items = [ { "yourBody": "myBody" } ]
});

//  LOCAL Storage

// Save data to storage locally, in just this browser...

chrome.storage.local.set({ "phasersTo": "awesome" }, function(){
    //  Data's been saved boys and girls, go on home
});

chrome.storage.local.get(/* String or Array */["phasersTo"], function(items){
    //  items = [ { "phasersTo": "awesome" } ]
});

有關這些惡作劇如何在這里工作的更多信息： https ： //developer.chrome.com/extensions/storage#type-StorageArea

以前的回答：

使用localStorage 。 谷歌瀏覽器實現了HTML5的一些功能，它就是其中之一。

//Pull text from user inputbox
var data = document.getElementById("this_input").value;
//Save it to the localStorage variable which will always remember what you store in it
localStorage["inputText"] = data; 

您應該注意，您只能從后台頁面訪問您的存儲（沒有內容腳本），因此您必須使用消息傳遞。

Answer 2

現在有一個特定的API，請在此處查看： https ： //developer.chrome.com/extensions/storage

請注意，它僅在您的背景頁面上可用，並且在隔離的世界中工作（您不訪問網站的HTML5 localStorage中包含的值）。