localStorage vs sessionStorage vs cookie

我正在一个应用程序，我需要在用户login过程中保留一些数据，我有这个问题，localStorage，sessionStorage，cookies之间有什么区别？

我在问什么，为了在DOM中保存一些数据，即使用户刷新页面，有人说：使用sessionStorage或localStorage，然后有人想出了使用ngCookies的想法，因为它工作在每个浏览器，但是，我应该使用哪个？

Answer 1

localStorage和sessionStorage都是所谓的WebStorages和HTML5的function。

localStorage存储信息，只要用户不删除它们。

sessionStorage只要会话结束就会存储信息。 通常直到用户closures标签/浏览器。

cookies只是简单的cookies，这是由旧版浏览器支持的，通常是使用上述WebStorages的框架的后备。

相比之下，Cookie可以存储less量信息，然后WebStorages和WebStorages中的信息永远不会传输到服务器。

请记住，欧盟有一个规定，要求网站通知用户有关cookies的使用。 我不知道这是否也适用于WebStorages

Answer 2

sessionStorage对象： sessionStorage对象仅为会话存储数据，这意味着数据在浏览器（或选项卡）closures之前一直存储。 文件在本地运行时不可用。

存储在sessionStorage对象中的数据只能从最初存储数据的页面访问; 所以这不符合你的要求

localStorage对象：使用localStorage对象存储的数据将被持久化，直到通过JavaScript特别删除或用户清除浏览器的caching。

存储在localStorage对象中的数据只能从最初存储数据的域访问。

对于你的情况，我认为你考虑使用cookie或会话，请。 注意cookie每个服务器有4K大小限制。

Answer 3

除了其他答案，WebStorages不能访问子域和/或父域。

Answer 4

cookies只是持有4kbs的数据和到期时间。

localStorage是永久性的cookie，包含4 MB的数据，当用户清除caching时它将被删除