HTML5本地存储不完全指南

  历史

  在HTML5本地存储之前,如果我们想在客户端保存持久化数据,有这么几个选择:

  1. HTTP cookie,HTTP cookie的缺点很明显,最多只能存储4KB的数据,每个HTTP请求都会被传送回服务器,明文传输(除非你使用SSL)。
  2. IE userData,userData是微软在上世纪90年代的浏览器大战时推出的本地存储方案,借助DHTML的behaviour属性来存储本地数据,允许每个页面最多存储64K数据,每个站点最多640K数据,userData的缺点显而易见,它不是web标准的一部分,除非你的程序只需要支持IE,否则它基本没什么用处。
  3. Flash cookie,Flash cookie的名字有些误导,它实际上和HTTP cookie并不是一回事,或许它的名字应该叫做Flash本地存储,Flash cookie默认允许每个站点存储不超过100K的数据,如果超出了,Flash会自动向用户请求更大的存储空间,借助Flash的ExternalInterface接口,你可以很轻松的通过Javascript操作Flash的本地存储,Flash的问题很简单,就是因为它是Flash。
  4. Google Gears,Gears是Google在07年发布的一个开源浏览器插件,旨在改进各大浏览器的兼容性,Gears内置了一个基于SQLite的嵌入式SQL数据库,并提供了统一API对数据库进行访问,在取得用户授权之后,每个站点可以在SQL数据库中存储不限大小的数据,Gears的问题就是Google自己都已经不用它了。

  现状

  我们现在通常所说的HTML5本地存储,一般指的是Web Storage规范,这个标准曾经是HTML5规范的一部分,但后来因为种种原因从HTML5规范中分离了出来,但是除了Web Storage,HTML5的本地存储标准还有另外2个竞争者:Web SQL Database和IndexedDB,下面就让我们依次来看看这3个规范吧。

  Web Storage

  Web Storage是目前得到支持最广泛的HTML5本地存储规范:IE 8+,FF 3.5+,Safari 4+,Chrome 4+,Opera 10.5+,以及iPhone 2+和Android 2+都已经支持Web Storage,要判断你的浏览器是否支持Web Storage,可以使用下面这个函数:

function supports_html5_storage() {
    
try {
         
return 'localStorage' in window && window['localStorage'] !== null;
     }
catch (e) {
         
return false;
     }
}

it知识库HTML5本地存储不完全指南,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。