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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/friend_ship/article/details/84850167

简介

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

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只会在同一个会话页面中保存数据可以实现。

猜你喜欢

转载自blog.csdn.net/friend_ship/article/details/84850167