将新对象添加到 chrome 本地存储
Adding new objects to chrome local storage
Html code:
<select id="server">
<option value="kr">KR</option>
<option selected value="euw">EUW</option>
<option value="oce">OCE</option>
<option value="las">LAS</option>
<option value="ru">RU</option>
<option value="na">NA</option>
<option value="eune">EUNE</option>
<option value="br">BR</option>
<option value="lan">LAN</option>
<option value="tr">TR</option>
</select>
<input type="text" id="nickname" maxlength="16"></input></p>
<button id="save" class="flat-button">Save</button><br>
Javascritp 代码:
function save_options() {
var server = document.getElementById('server').value;
var prenickname = document.getElementById('nickname').value;
var nickname = prenickname.replace(/(<([^>]+)>)/ig,""); //Remove html tags
chrome.storage.sync.set({
yourserver: server,
yournickname: nickname
}, function() {
var status = document.getElementById('status');
});
}
实际上,当我去保存(按下按钮)到本地存储中时,显然它会覆盖我的旧对象。我想这样做,它会添加一个新对象(如数组或列表),希望您理解我的意思。结果必须是我可以存储不同的"服务器+昵称",而不仅仅是一个。
要做你想做的事情,你需要使用一个对象数组:你将使用 chrome.storage.sync.get
获取数组的值,你将新的服务器和昵称添加到数组中,然后使用 chrome.storage.sync.set
覆盖现有值并保存它。
您的数组将如下所示:
data = [
{yourserver: 'server1', yournickname: 'nickname1'},
{yourserver: 'server2', yournickname: 'nickname2'},
{yourserver: 'server3', yournickname: 'nickname3'},
...
];
下面是一个代码示例:
// Get all the items stored in the storage
chrome.storage.sync.get(function(items) {
if (Object.keys(items).length > 0 && items.data) {
// The data array already exists, add to it the new server and nickname
items.data.push({yourserver: server, yournickname: nickname});
} else {
// The data array doesn't exist yet, create it
items.data = [{yourserver: server, yournickname: nickname}];
}
// Now save the updated items using set
chrome.storage.sync.set(items, function() {
console.log('Data successfully saved to the storage!');
});
});
相关文章:
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- Chrome存储API无法使用内容脚本
- 有没有一种方法可以从chrome'的存储映像
- Chrome,Safari在从本地存储读取时挂起,而Firefox很好
- 如何使用 Chrome 存储空间从对象中移除数据
- Chrome/Tampermonkey 用户脚本存储在文件系统上的什么位置
- 将对象设置为Chrome存储
- Chrome扩展程序 - 加密要存储在Chrome存储中的数据
- 使用 chrome 存储 API 从本地存储中存储和检索数据
- 从 Chrome 存储中获取所有键:值
- TypeError:对象不是函数(JavaScript Chrome存储同步)
- Chrome扩展:如何使用插入CSS从Chrome存储中插入以变量为条件的CSS
- 奇怪的chrome存储错误
- 使用Chrome存储而不是本地存储创建解析会话
- 将本地存储转换为Chrome存储进行get和set
- Chrome存储给出未定义的存储计时器
- 变量won't在chrome应用中使用chrome存储API更新
- 更新Chrome存储对象键值
- HTML5 sessionStorage或chrome.存储的Chrome扩展
- 在chrome存储API集合调用中使用的密钥是否可以是变量