要将值存储在数组中,并在Chrome扩展存储中的每个会话中重用它,可以使用Chrome扩展的storage API来实现。
首先,在Chrome扩展的manifest.json文件中声明需要使用storage权限:
{
"manifest_version": 2,
"name": "My Extension",
"version": "1.0",
"permissions": [
"storage"
],
"background": {
"scripts": ["background.js"],
"persistent": false
},
"browser_action": {
"default_popup": "popup.html"
}
}
然后,在扩展的background.js文件中,可以使用storage API来读写数组:
// 从存储中获取数组
chrome.storage.local.get('myArray', function(result) {
var myArray = result.myArray || [];
// 在数组中添加新值
myArray.push('new value');
// 将更新后的数组保存到存储中
chrome.storage.local.set({ 'myArray': myArray });
});
在扩展的popup.html文件中,可以读取并展示数组的值:
<!DOCTYPE html>
<html>
<head>
<script src="popup.js"></script>
</head>
<body>
<ul id="myList"></ul>
</body>
</html>
在扩展的popup.js文件中,可以使用storage API来读取并展示数组的值:
// 从存储中获取数组
chrome.storage.local.get('myArray', function(result) {
var myArray = result.myArray || [];
// 将数组的值展示在页面上
var myList = document.getElementById('myList');
myArray.forEach(function(value) {
var li = document.createElement('li');
li.textContent = value;
myList.appendChild(li);
});
});
这样,每次在Chrome扩展的会话中,都可以将值存储在数组中,并在不同页面中重用它。
云+社区技术沙龙[第17期]
云+社区技术沙龙[第9期]
云+社区技术沙龙[第20期]
Elastic Meetup
云+社区技术沙龙[第19期]
云+未来峰会
DB TALK 技术分享会
领取专属 10元无门槛券
手把手带您无忧上云