首页 > 试题广场 >

浏览器本地存储

[问答题]
简单说一下浏览器本地存储是怎样的

1)      Cookie   广泛应用,局限明显。支持数据存储量相对较少,每个 domain 最多只能有 20 cookie ,每个 cookie 长度不能超过 4KB ,否则会被截掉;同时,存在安全性问题,如果被拦截,就可以取得所有的 session 信息。

2)      Flash SharedObject :使用的是 kissy store 模块来调用 Flash SharedObject

优点:容量适中,基本上不存在兼容性问题

缺点:要在页面中引入特定的 Flash JS ,增加额外负担,处理繁琐;还是有部分机子没有 flash 运行环境。

3)      Google Gears  Google 的离线方案,已经停止更新,官方推荐使用 HTML5 localStorage 方案。

4)      User Data   是微软为 IE 专门在系统中开辟的一块存储空间,只支持 Windows+IE 的组合。单个文件的大小限制是 128KB ,一个域名下总共可以保存 1024KB 的文件,文件个数应该没有限制。在受限站点里这两个值分别是 64KB 640KB

(所以如果考虑到各种情况的话,单个文件最好能控制 64KB 以下。)

(实际测试 2000 IE5.5 )、 XP IE6 IE7 ), Vista IE7 )下都是可正常使用。)

5)      Web Storage

在较高版本的浏览器中, JS 提供了 sessionStorage globalStorage

HTML5 中提供了 sessionStorage localStorage

sessionStorage 用于本地存储一个会话( session )中的数据,这些数据只有在同一个会话中的页面才能访问,会话结束后数据随之销毁。因此 sessionStorage 不是一种持久化的本地存储,仅仅是会话级别的存储。

globalStorage 跨越会话存储数据。有特定访问限制,要指定哪些域可访问该数据。

localStorage 用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。不能给 localStorage 指定任何规则,要访问同一个 localStorage ,页面必须使用同一个域名,使用同一种协议,在同一个端口上。

优点:容量大、易用、强大、原生支持

缺点: a) 兼容性差( Chrome,  Safari, Firefox,Opera,IE8+ 支持 IE8 以下版本不支持)

b) 安全性差(所以请勿使用 localStorage 保存敏感信息)

发表于 2016-08-11 15:38:02 回复(0)

总的来说,浏览器存储分为以下几种:

1、Cookie存储,明文,大小限制4k等

2、localStorage,持久化存储方式之一,不用在两端之间传输,且限制大小为10M

3、sessionStorage,会话级存储方式,浏览器关闭立即数据丢失

4、indexDb,浏览器端的数据库


发表于 2019-12-27 12:51:55 回复(0)
加一点,都要求同源,所以不能跨域
发表于 2016-11-13 23:56:27 回复(0)
html 5新增了localStorage 和SessionStorage; 存储空间:本地硬盘和浏览器 (内存) 存储大小:都是5m 存储的时间: 一个是持久型,除非手动删除; 一个是页面开启期间; 对他们的访问都需要遵循同源策略 作用域: 他们都需要遵循同源策略,但session storage需要遵循。同一个窗口的概念。也就是说,只要这个浏览器窗口没有关闭,只是刷新页面或者进入 同源的另一个页面。数据都还在,如果独立打开另一窗口,即使同一页面,session Storage 对象也是不同 https://www.cnblogs.com/pengc/p/8714475.html https://www.cnblogs.com/tg666/p/11355465.html
编辑于 2020-11-16 11:27:10 回复(0)
localStorage 可以利用这一点来做网站优化,把一些静态资源,存储在本地,但是这个意义对PC端可能相对小一些,PC端的网速一般比较理想,读取本地localStorage的消耗 和读取服务器的消耗优化不了多少,而且存在本地localstorage的维护成本,总体性价比一般,移动端是可以利用这一点做一些优化,移动端的网络环境还是没达到理想,所以读取localstorage的代价应该小于服务器加载。
发表于 2015-09-15 10:43:55 回复(0)
在较高版本的浏览器中,js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage。

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。

而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
发表于 2015-07-27 12:01:48 回复(0)
<p>Cookie:一般由服务器生成,可设置失效时间,如果是浏览器端生成Cookie,默认是页面关闭后失效。</p><p>localStorage:本地持久化缓存,除非自己清除否则一直存在不会失效</p><p>sessionStorage:会话级别缓存,仅在当前会话有效,关闭浏览器或会话后被清除</p>
发表于 2021-01-10 00:28:03 回复(0)

webStorage(sessionStorage,localStorage)

cookie

indexDb


编辑于 2021-01-06 18:14:53 回复(0)
<p>1、localstorage 最多可以存储4M空间大小的数据</p><p>2、通过window.localstorage可以直接获取</p><p>3、对于有些数据存储在本地有利于减少网络请求</p>
发表于 2020-12-11 03:08:32 回复(0)
<p>localstorage 和sessionstirage,一个会话存储,同页面起作用,一个永久,除非自己删除,浏览器端存储机制</p>
发表于 2020-11-17 21:57:54 回复(0)
<p>cookies</p><p> 存储量小 可设置生命周期 容易被窃取 每次请求都会携带 适合存储需要经常发给服务器且信息不私密的情况下使用</p><p>sessionStrage</p><p> 存储量大 当次会话有效 适于临时使用 作为页面全局通信使用</p><p>localStrage</p><p> 存储量大 需手动删除 适合存储长期需要的内容</p><p><br></p>
发表于 2020-11-01 19:50:46 回复(0)
<p>浏览器存储分为以下几种方式:</p><p>1.cookie 存储,明文,限制大小为4K</p><p>2.localStorage ,持久化存储方式之一,不用在两端之间传输,限制大小为10M</p><p>3.sessionStorage,会话级存储方式,浏览器关闭数据立刻丢失</p><p>4.indexDb,浏览器端的数据库。</p>
编辑于 2020-10-17 14:09:50 回复(0)
<p>localstore set(“token”)</p>
发表于 2020-09-19 00:13:45 回复(0)
<ol><li>local storage 持久存储</li><li>sessionstorage 会话存储,tab</li></ol>
发表于 2020-09-11 20:45:18 回复(0)
<p>localstorage 和 sessionstorage ,存放数据,大小5m,sessionstorage 浏览器关闭会清空,localstorage 持久化存储,浏览器关闭也不会清空</p>
发表于 2020-09-11 10:54:20 回复(0)

<p>webStroage </p><p>1.localStorage:永久储存,只能手动清除,</p><p>2.sessionStorage:浏览器关闭即清除</p><p><br></p><p>两者都不会跟随网络请求发送,只会存在客户端硬盘上,内存大,大约为5m左右</p><p><br></p>

编辑于 2020-08-20 10:43:57 回复(0)
cookie存储,明文,大小限制为4k;
localStorage,持久化存储方式之一,不用在两端之间传输,大小限制为10M;
sessionStorage:会话级存储方式之一,浏览器关闭数据丢失
发表于 2020-07-24 11:38:51 回复(0)
<p>localStorage 容量大,原声支持,安全性差,只兼容ie8+及其他主流浏览器</p>
发表于 2020-07-09 09:54:48 回复(0)
<p>浏览器有两种存储 </p><p>sessionstorage 会话存储 当用户的会话结束后 将被销魂</p><p>localstorage 本地存储 将永久的保存在存储器中,除非主动删除 否则不会消失</p><p><br></p>
发表于 2020-06-17 14:54:01 回复(0)
<p>localstorge</p><p>sessionstorge </p><p><br></p><p><br></p><p><br></p>
发表于 2020-06-13 22:10:40 回复(0)