如何在本地chrome扩展中保存信息?

我想要我的Chrome扩展保存一些信息,我不知道如何启动代码…我需要它来保存string。 例如 – 用户input一个string(在popup的文本区域),这个string显示在popup窗口中。 当用户退出并返回时,我希望string保持不变。 (我相信它必须保存它)我不想保存在我的服务器或类似的东西,我希望它被保存在用户caching或什么的。

您现在可以利用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" } ] }); 

更多信息如何在这里工作shenanig: https : //developer.chrome.com/extensions/storage#type-StorageArea

前答案:

使用localStorage 。 谷歌浏览器实现了HTML5的一些function,这是其中之一。

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

你应该注意到你只能从后台页面访问你的存储(没有内容脚本),所以你必须使用消息传递。

现在有一个特定的API,在这里检查: https : //developer.chrome.com/extensions/storage

请注意,它只能在您的背景页面上使用,并在孤立的世界中工作(您不能访问网站的HTML5 localStorage中包含的值)。