该页面翻译自 Google Chrome Extensions 与 Google Chrome Apps。除非特别说明,该页面的内容遵循 Creative Commons Attribution 3.0 License,代码示例遵循 BSD License。
描述: |
使用 chrome.storage API 存储、获取用户数据,追踪用户数据的更改。
|
可用版本: |
从 Chrome 20 开始稳定支持。
|
权限: |
"storage"
|
了解更多: |
Chrome 应用办公时间:Chrome 存储 API
Chrome 应用办公时间:存储 API 深入探索 |
这一 API 为扩展程序的存储需要而特别优化,它提供了与 localStorage API 相同的能力,但是具有如下几个重要的区别:
storage.sync
)。
localStorage
API 更快。
localStorage
API
以字符串方式存储数据)。
storage.managed
和架构)。
您必须在扩展程序的清单文件中声明 "storage" 权限才能使用存储 API。例如:
{ "name": "我的扩展程序", ... "permissions": [ "storage" ], ... }
如果要为您的应用储存用户数据,您可以使用
storage.sync
或 storage.local
。使用
storage.sync
时,储存的数据将会自动在用户启用同步功能并已经登录的所有
Chrome 浏览器间同步。
当 Chrome 浏览器处于离线状态时,Chrome
浏览器将数据储存在本地。下一次浏览器在线时,Chrome
浏览器将会同步数据。即使用户关闭了同步,storage.sync
仍然有效,只是此时它与 storage.local
的行为相同。
不应该储存机密的用户信息!存储区没有加密。
storage.managed
存储区是只读的。
chrome.storage
并不像一辆大卡车那样,而是像一系列的管道,如果您不理解这一点的话,这样的管道很容易被填满。如果当您存入消息时它们填满了,它将会变成细线,任何人向其中存入大量数据都有可能使操作产生延迟。
有关目前对存储 API 的限制以及超出限制的结果,请参见 sync 和 local 的配额信息。
以下例子检查用户在表单中保存的 CSS 代码,如果找到的话则存储下来。
function saveChanges() { // 获取表单中保存的值。 var theValue = textarea.value; // 确保包含代码。 if (!theValue) { message('错误:没有指定值'); return; } // 使用 Chrome 扩展程序的存储 API 保存它。 chrome.storage.sync.set({'value': theValue}, function() { // 通知保存完成。 message('设置已保存'); }); }
如果您希望追踪数据对象的更改,您可以向
onChanged
事件添加监听器,每当存储有任何更改时将会产生该事件。如下是监听对已保存内容的更改的示例代码:
chrome.storage.onChanged.addListener(function(changes, namespace) { for (key in changes) { var storageChange = changes[key]; console.log('存储键“%s”(位于“%s”命名空间中)已更改。' + '原来的值为“%s”,新的值为“%s”。', key, namespace, storageChange.oldValue, storageChange.newValue); } });
从存储中获得一个或多个值。
null
。
callback 参数应该指定一个如下形式的函数:
function(object items) {...};
获得一个或多个项目正在使用的空间大小(以字节为单位)。
null
。
callback 参数应该指定一个如下形式的函数:
function(integer bytesInUse) {...};
设置多个项目。
包含要更新的键/值对的对象,存储中的其他键/值对不会受到影响。
像数值之类的原生值会以预期的方式序列化,除了Array
(按照预期的方式序列化)、Date
和 RegExp
(以字符串表示形式序列化)以外,typeof
为 "object"
和 "function"
的值通常序列化为 {}
。
如果您指定了 callback 参数,它应该指定一个如下形式的函数:
function() {...};
从存储中移除一个或多个项目。
如果您指定了 callback 参数,它应该指定一个如下形式的函数:
function() {...};
从存储中删除所有值。
如果您指定了 callback 参数,它应该指定一个如下形式的函数:
function() {...};
sync
(同步)存储区下的项目将通过 Chrome 浏览器的同步功能同步。
102,400
)
4,096
)
512
)
1,000
)
se
(设置)、remove
(移除)或clear
(清除)操作的最大次数。超出该限制的更新将失败,并设置 runtime.lastError。
10
)
se
(设置)、remove
(移除)或clear
(清除)操作的最大次数。超出该限制的更新将失败,并设置 runtime.lastError。
managed
存储区中的项目由域管理员设置,对扩展程序来说只读,尝试修改这一命名空间会导致错误。
当一个或多个项目更改时产生。
callback 参数应该指定一个如下形式的函数:
function(object changes, string areaName) {...};