HTML5 Web Storage全解析
作者：Miller 来源：百度泛用户体验 发布时间：2010-06-26 13:06:00
Web应用的发展，使得客户端存储使用得也越来越多，而实现客户端存储的方式则是多种多样。最简单而且兼容性最佳的方案是Cookie，但是作为真正的客户端存储，Cookie则存在很多致命伤。此外，在IE6及以上版本中还可以使用userData Behavior、在Firefox下可以使用globalStorage、在有Flash插件的环境中可以使用Flash Local Storage，但是这几种方式都存在兼容性方面的局限性，因此真正使用起来并不理想。针对以上情况，HTML5中给出了更加理想的解决方案：假如你需要存储复杂的数据则可以使用Web Database，可以像客户端程序一样使用SQL（不过Web Database标准当前正陷于僵局之中，而且目前已经实现的浏览器很有限）；假如你需要存储的只是简单的用key/value对即可解决的数据则可以使用Web Storage。 本文主要从各个方面介绍一下Web Storage的具体情况。
sessionStorage与localStorage
Web Storage实际上由两部分组成：sessionStorage与localStorage。
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。
localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
为什么选择Web Storage而不是Cookie？
与Cookie相比，Web Storage存在不少的优势，概括为以下几点：
1. 存储空间更大：IE8下每个独立的存储空间为10M，其他浏览器实现略有不同，但都比Cookie要大很多。
2. 存储内容不会发送到服务器：当设置了Cookie后，Cookie的内容会随着请求一并发送的服务器，这对于本地存储的数据是一种带宽浪费。而Web Storage中的数据则仅仅是存在本地，不会与服务器发生任何交互。
3. 更多丰富易用的接口：Web Storage提供了一套更为丰富的接口，使得数据操作更为简便。
4. 独立的存储空间：每个域（包括子域）有独立的存储空间，各个存储空间是完全独立的，因此不会造成数据混乱。
兼容性如何？
接下来的各种测试是在以下浏览器中进行的：IE8、Firefox3.6、Chrome5、Safari4、Opera10，事实证明各个浏览器在API方面的实现基本上一致，存在一定的兼容性问题，但不影响正常的使用。
sessionStorage测试
本节主要针对sessionStorage的一些特性进行了测试，测试的重点在于各个浏览器对于session的定义以及跨域情况。测试方法很简单：打开页面A，在页面A中写入当前的session数据，然后通过页面A中的链接或按钮使用不同的方式进入下页面B，如果页面B中能够访问到页面A中的数据则说明浏览器将当前情况的页面A、B视为同一个session。测试的具体结果如表1：
表1 sessionStorage兼容性测试
从表1中可以看出，处于安全性考虑所有浏览器下session数据都是不允许跨域访问的，包括跨子域也是不允许的。其他方面主流浏览器中的实现较为一致。
0
投稿猜你喜欢
- 默认情况下，Python DB API会返回不带字段的结果，这意味着你得到的是一个列表，而不是一个字典。花费一点性能代价之后，你可以返回一个
1.首先安装 PyPDF2 库：pip install PyPDF22.然后保存下面文件（已带注释，具体实现请自己思考）import osi- jieba 库是优秀的中文分词第三方库，中文文本需要通过分词获得单个的词语1、jieba库安装管理员身份运行cmd窗口输入命令：pip in
- 有一天我突发奇想，要是我每到一个网站，那里都能立刻调出我需要看的信息，那岂非美妙得很。接下来我想更深入地考虑这个问题，坐到椅子上拿一支铅笔，
- 1、定义标记变量；利用变量值的变化退出循环# 第一种嵌套形式a = [[1, 2, 3], [5, 5, 6], [7, 8, 9]]# i
- 概述 -------------------------------------------------------------------
- 在上一期中作者向诸位简要介绍了 ASP 脚本语言之一 VBScript 的一些基本常识，本期将继续给大家讲解 VBScript 的脚本编写方
- 一、环境windows二、下载进入Anaconda 官网进行下载 安装 找到安装包所在的目录，双击安装包点击 Next点击 I A
- 在SQL Server中Count(*)或者Count(1)或者Count([列])或许是最常用的聚合
- 目录1 、一般同步下载2、 使用流式请求，requests.get方法的stream3 、异步下载文件4、 异步拆分下载文件5、注意1 、一
- 要使用request对象的ServerVariables属性，通过它来获得环境变量的值。使用的语法为：Request.ServerVaria
- Fabric 是基于 SSH 协议的 Python 工具，相比传统的 ssh/scp 方式，用 Python 的语法写管理命令更易读也更容易
- 第一种方法： 代码如下:Minimsdn.com为您提供的代码: -- Turn ON [Display IO Info when exec
- 这里提供在使用python进行开发中常使用到的方法技巧，如有不对欢迎批评指正。要点：开发中类、变量特性查询，类型就是类，断言的使用，深浅复制
- 本文实例为大家分享了bootstrapValidator表单验证的具体代码，供大家参考，具体内容如下1.页面引入css、js<link
- 首先，"/"左倾斜是正斜杠,"\"右倾斜是反斜杠,可以记为：除号是正斜杠一般来说对于目录分隔符，Un
- 知识点： 函数 replicate 以下代码是实现如下功能： 代码如下:declare @sql varchar(200), --需填充的字
- 本文实例讲述了Python时间的精准正则匹配方法。分享给大家供大家参考，具体如下：要用正则表达式精准匹配时间，其实并不容易方式一:>&
- python等待10秒执行下一命令的方法：首先导入时间（time）模块；然后在需要等待执行的命令前调用sleep()方法，并在方法的括号里将
- 什么是prototype：function定义的对象有一个prototype属性，prototype属性又指向了一个prototype对象，
