Javascript Chrome扩展:如何在本地存储数据?

Javascript Chrome扩展:如何在本地存储数据?,javascript,jquery,google-chrome,Javascript,Jquery,Google Chrome,我试着做一些非常基本的列表扩展。 当我从textarea追加值时,它会显示在扩展名上,但如果我关闭扩展名,然后单击它,追加的值就不存在了。 我如何储存它 //chrome.tabs.getSelected(null,函数(tab){ $(“#按钮”)。单击(函数(){ var userList=$('#textarea').val(); setItem('userlist','userlist'); $('#textarea').val(''); $('#list').append(''

我试着做一些非常基本的列表扩展。 当我从textarea追加值时,它会显示在扩展名上,但如果我关闭扩展名,然后单击它,追加的值就不存在了。 我如何储存它

//chrome.tabs.getSelected(null,函数(tab){
$(“#按钮”)。单击(函数(){
var userList=$('#textarea').val();
setItem('userlist','userlist');
$('#textarea').val('');
$('#list').append(''+localStorage.getItem('userlist','userlist'));
});
// });
#文本区域{
显示:内联块;
最小宽度:200px;
调整大小:无;
大纲:无;
}
#钮扣{
边界:无;
颜色:#fff;
背景:#333;
高度:24px;
宽度:50px;
显示:内联块;
垂直对齐:7px;
}
#名单{
边框:1px实心#333;
}

添加
你试过了吗

对。答案是

基本上你可以这样使用>localStorage.setItem('myCat','Tom')

下面你可以看到我是如何使用它的

//刚刚创建了一个列表变量,我在其中附加了我的值。
//然后将列表设置为localStorage。
//然后只写if语句来检查本地存储上是否已经保存了一些内容。
//所有代码都在这里
//chrome.tabs.getSelected(空,函数(选项卡){
$(“#按钮”)。单击(函数(){
var userList=$('#textarea').val();
$('#textarea').val('');
$(“#list”).append(“”+userList);
var list=$(“#list”).html();
setItem('list',list);
返回false;
});
if(localStorage.getItem('list')){
$('#list').html(localStorage.getItem('list'));
}
// });
#文本区域{
显示:内联块;
最小宽度:200px;
调整大小:无;
大纲:无;
}
#钮扣{
边界:无;
颜色:#fff;
背景:#333;
高度:24px;
宽度:50px;
显示:内联块;
垂直对齐:7px;
}
#名单{
边框:1px实心#333;
}

添加

尝试过,但不知何故无法运行。然后我只需要检查我的代码。我们无法帮助您更正您未向我们显示的代码!!在此处看不到任何localStorage使用情况。您正在将localStorage变量设置为字符串“userlist”。。不是很有用吗?是的,但是犯了一个错误,因为它不能工作。。我的下一个想法是尝试使用cookie变量,但这也可能需要它自己的配置。
localStorage.setItem('myCat', 'Tom');