在开发 Web 应用程序时，存储和管理数据是一个至关重要的任务。chrome.storage API 提供了一种简单的方法来存储、检索和删除数据，并且可以与 Chrome 浏览器中的所有扩展和应用程序共享。
概述
chrome.storage API 允许您使用三种不同的存储区域：local、sync 和 managed。其中，local 存储区域是最常用的，因为它允许您在浏览器上下文中持久化存储键值对数据。
chrome.storage.local 对象具有 get() 和 set() 方法，用于获取和设置存储在本地存储区域中的数据。这两个方法都是异步的，并采用回调函数来处理结果。
get() 方法
chrome.storage.local.get() 方法用于从本地存储区域中检索一个或多个项目的值。它需要一个包含要检索的键名的对象作为参数，以及一个回调函数来接收结果。
以下是一个示例，演示如何使用 chrome.storage.local.get() 方法：
// 定义要检索的键名
var keyArray = ['myKey1', 'myKey2'];
// 调用 chrome.storage.local.get() 方法
chrome.storage.local.get(keyArray, function(result) {
console.log('Value of myKey1:', result.myKey1);
console.log('Value of myKey2:', result.myKey2);
});在上面的示例中，我们通过定义一个包含要检索的两个键名的数组 keyArray，然后将其作为参数传递给 chrome.storage.local.get() 方法。回调函数 function(result) 将返回一个对象 result，其中包含每个键名的对应值。
set() 方法
chrome.storage.local.set() 方法用于将一个或多个项目的值存储到本地存储区域中。它需要一个包含要设置的键值对的对象作为参数，以及一个可选的回调函数。
以下是一个示例，演示如何使用 chrome.storage.local.set() 方法：
-- -------------------- ---- ------- -- --------- --- ----- - - --------- ----------- --------- ---------- -- -- -- -------------------------- -- ------------------------------- ---------- - ----------------- ----- -- ------------------------ ---
在上面的示例中，我们通过定义一个包含要设置的两个键值对的对象 myObj，然后将其作为参数传递给 chrome.storage.local.set() 方法。如果指定了回调函数，则会在数据成功保存到本地存储区域后调用该函数。
总结
chrome.storage.local 对象的 get() 和 set() 方法提供了一种简单而强大的方式来管理本地存储区域中的数据。您可以使用这些方法来检索和存储任何类型的数据，例如字符串、数字、对象等。
通过使用 chrome.storage.local API，您可以存储用户首选项、应用程序设置和其他数据，以便在下一次访问时恢复它们。这不仅有助于提高用户体验，还可以增加应用程序的可靠性和健壮性。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25993