不同类型的浏览器存储

Posted 2021-05-05

从幻灯片显示http://slides.html5rocks.com/#slide8和Chrome：查看>开发人员>开发人员工具>存储选项卡，

我了解到至少有4种类型的浏览器存储：数据库，本地存储，会话存储，Cookie（还有更多吗？）

有什么区别？我什么时候应该使用另一个？

例如，如果某个站点想要存储用户首选项，那么该站点应该告诉浏览器使用哪种存储方法？

答案

它们都是浏览器端存储，为Web应用程序/站点提供脱机/缓存机制：

• 本地存储：简单的键值存储，数据始终存储为字符串。域的所有页面都可以访问相同的数据，并且即使在您关闭浏览器后也会保持持久性。
• 会话存储：相同但对于一个URL和一个浏览器会话是本地的（在浏览器关闭时删除）。
• SQL数据库（又名WebSQL）：您可以通过SQL请求访问的本地数据库中的存储......似乎已经弃用，因为IE和Firefox已声明它们不会实现它。

也许你也会很快听到关于IndexedDB（现在支持IE 10，FF和Chrome），这是一种本地/ sessionStorage，但你可以使用它来存储javascripts对象而不仅仅是字符串。

另一答案

您要问的是Web存储，它基本上是一个html Web存储。本地存储 - 用作易失性存储（没有到期）会话存储 - 直到正在使用会话或选项卡打开IndexedDb - 一旦使用，您必须手动清除它（历史记录或进入存储）WebSQL - 旧但仍然使用相同的SQL查询 - 它现在不是HTML5规范的一部分。 Cookie - 最常见的是保存一小部分数据，它们被所有网站使用，现在每个使用它的网站都应该要求用户权限。这是GDPR BTW！