HTML5本地存储

localStorage简介 今夜死活睡不着，决定整理下最近搞得 localStorage…… 先简单说下阐述下： localStorage 规范： http://dev.w3.org/html5/webstorage/ localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 但是如果你找到浏览器的隐私或者本地存储的数据删除也是一样可以删除的！我找了下Safari浏览器如下图： 存储空间较大：IE8下每个独立的存储空间为10M，其他浏览器实现略有不同，但都比Cookie要大很多很多。 本地存储不发生服务器，是离线保存在你浏览器本地的！不会与服务器发生任何交互。 本地存储数据库在同样域名下的网页间是共享的，即便是在多个浏览器标签页中 。我在做产品购物车的时间使用到了，这边选择产品，把产品属性拼接成JSON字符串保存到 localStorage中，然后到购物车中去取…… 独立的存储空间：每个域（包括子域）有独立的存储空间，各个存储空间是完全独立的，因此不会造成数据混乱。当把当前网页或者浏览器关掉并再进入时，localStorage中的数据还是存在的。那么，这个数据是存在什么地方的呢？查找后发现对于Chrome Browser, 其缺省存在以下地址：C:/Documents and Settings/UserName/Local Settings

说到本地存储，这玩意真是历尽千辛万苦才走到 HTML5 这一步，之前的历史大概如下图所示： 最早的 Cookies 自然是大家都知道，问题主要就是太小，大概也就 4KB 的样子，而且 IE6 只支持每个域名 20 个 cookies ，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用 cookies 的用户也都慢慢的不存在了，就好像以前禁用 javascript 的用户不存在了一样。 userData 是 IE 的东西，垃圾。现在用的最多的是 Flash 吧，空间是 Cookie 的 25 倍，基本够用。再之后 Google 推出了 Gears ，虽然没有限制，但不爽的地方就是要装额外的插件（没具体研究过）。到了 HTML5 把这些都统一了，官方建议是每个网站 5MB ，非常大了，就存些字符串，足够了。比较诡异的是居然所有支持的浏览器目前都采用的 5MB ，尽管有一些浏览器可以让用户设置，但对于网页制作者来说，目前的形势就 5MB 来考虑是比较妥当的。 支持的情况如上图， IE 在 8.0 的时候就支持了，非常出人意料。不过需要注意的是， IE 、 Firefox 测试的时候需要把文件上传到服务器上（或者 localhost ），直接点开本地的 HTML 文件，是不行的。 首先自然是检测浏览器是否支持本地存储。在 HTML5 中，本地存储是一个 window 的属性