不同类型的浏览器存储
从这张幻灯片 http://slides.html5rocks.com/#slide8 在 Chrome 中：查看 >开发商>开发者工具>存储选项卡中，
我了解到浏览器存储至少有 4 种类型： 数据库、本地存储、会话存储、Cookie （还有更多吗？）
有什么不同？我什么时候应该使用其中一种而不是另一种？
例如，如果一个网站想要存储用户首选项，该网站应该告诉浏览器使用哪种存储方法？
From this slideshow http://slides.html5rocks.com/#slide8
and from Chrome: View > Developer > Developer Tools > Storage tab,
I learned that there are at least 4 types of browser storage:
Databases, Local Storage, Session Storage, Cookies
(are there more?)
What are the differences? When should I use one over the other?
For example, if a site wants to store user preferences, which storage method should the site tell the browser to use?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
它们都是浏览器端存储，为网络应用/网站提供离线/缓存机制：
也许您很快还会听说 IndexedDB （现在支持 IE 10、FF 和 Chrome），它是一种本地/会话存储，但您可以使用它来存储 javascript 对象而不仅仅是字符串。
They are all browser-side storage to provide offline/cache mechanisms to web apps/sites:
Maybe you'll also hear soon about IndexedDB (now supported on IE 10, FF, and Chrome) which is a kind of local/sessionStorage but which you can use to store javascripts objects instead of only strings.
您要问的是关于 Web 存储，它基本上是一个 HTML Web 存储。
本地存储 - 用作易失性存储（没有过期时间）
会话存储 - 直到正在使用会话或打开选项卡
IndexedDb - 一旦使用，您必须手动清除它（历史记录或进入存储）
WebSQL - 旧的但仍然使用相同的 SQL 查询 - 现在它不是 HTML5 规范的一部分。
Cookie - 最常见的是保存少量数据，所有网站都使用它们，现在每个使用它的网站都应该请求用户权限。顺便说一句，这就是 GDPR！
The thing you are asking is about the Web Storage which is basically an HTML Web Storage.
Local Storage- Used as a volatile storage (has no expiry)
Session Storage - Till a session is being used or a tab is open
IndexedDb - Once used, you have to manually clear it (History or going in Storage)
WebSQL - Old but still used the same SQL queries - It's not a part of HTML5 specification now.
Cookies - Are the most common to save small about of data, They are used by all the website and these days they every website using it should ask for user permissions. That's GDPR BTW!