谈谈对localStorage,sessionStorage的了解及如何在一个浏览器同时登录多个不同的账号

简介

HTML5中的web Storage包括了两种存储方式： localStorage和sessionStorage。localStorage用于 存储一个域名下的需要永久存在在本地的数据，这些数据可以被一直访问，直到这些数据被删除。sessionStorage用于本地存储一个会话中的数据，这些数据只会在同一个会话中的页面，会话结束后数据也随之销毁。因此sessionStorage和localStorage的主要区别在于他们存储数据的声明周期，localStroage存储的数据的生命周期是永久，直到被主动删除，否则数据永远不会过期。而sessionStorage存储的数据的声明周期是一个会话。

Web Storage 和 Cookie的异同点及优劣势

Web Storage和Cookie相同之处：

         它们都可以用于存储数据

         它们存储数据的格式都是字符串形式

         它们存储的数据都有大小限制

Web Storage和Cookie不同之处：

        它们的生命周期不同。sessionStorage的生命周期是一个会话，localStorage的生命周期是永久，cookie的生命周期可以自定义，cookie可以设置过期时间，数据在过期时间之前均可访问。

        它们的存储大小限制不同。大部分现代浏览器Storage的存储限制大小为5M，cookie的存储大小限制为4K。

         浏览器支持不同，API调用方式不同。

相比cookie来说，Web Storage的优点主要表现在存储空间更大，可存储的内容更大。cookie每次都随请求数据发送到服务器端，Web Storage不会和请求数据一同发送到服务器端，占用带宽更少。缺点主要表现在，现在所有浏览器都支持cookie操作，而只有现代浏览器才支持Web Storage操作，如果需要兼容旧浏览器，就不能使用Web Storage。

如何在一个浏览器同时登录多个不同的账号

基于以上解释，一个浏览器想要登录一个产品的不同账号，需要在一个浏览器中保存互不干扰的不同的storage数据。所以，sessionStorage只会在同一个会话页面中保存数据可以实现。