实战HTML 5中存储API


HTML5中,新增加了方便客户端存储的API,这将比传统的cookies的功能更加强大。尽管目前HTML5标准还在不断草拟和修改中,还没最终定稿,但越来越多的浏览器已经开始对其进行支持了。...

HTML5中,新增加了方便客户端存储的API,这将比传统的cookies的功能更加强大。尽管目前HTML5标准还在不断草拟和修改中,还没最终定稿,但越来越多的浏览器已经开始对其进行支持了。这意味者,在HTML5中,用户可以使用HTML5专门为存储方面提供的API: sessionStorage和localStoreage。在本文中将初步探讨这两种API的功能。

  COOKIES的限制和缺陷

  首先,让我们来回顾下cookies。Cookies的出现可谓大大推动了Web的发展,但它既有优点也有一定的缺陷。Cookies的优点在于,它可以允许我们在登陆网站时,记住我们输入的用户名和密码,这样在下一次登陆时就不需要再次输入了,达到自动登陆的效果。

  另一方面,cookie的安全问题也日趋受到关注,比如cookie由于存储在客户端浏览器中,很容易受到黑客的窃取,安全机制并不是十分好。

  另外一个问题是cookies存储数据的能力有限。目前在很多浏览器中规定每个cookie只能存储不超过4KB的限制,这估计是来自

  1997年rfc2109中的规定(http://tools.ietf.org/html/rfc2109)。目前的浏览器大多允许用户创建30到50个cookies,所以一旦cookie的内容超过4KB,唯一的方法是重新创建。

  此外,cookie的一个缺陷是每次的HTTP请求中都必须附带cookie,这将有可能增加网络的负载。

  HTML5中的Web存储

  在HTML5中新出现的Web 存储机制正好弥补了cookies的缺点,Web存储机制在以下两方面作了加强:

  首先,对于web开发者来说,它提供了很容易使用的API接口,通过设置键值对即可使用,下文中会有例子谈到。

  其次,在存储的容量方面,可以根据用户分配的磁盘配额进行存储,这就可以在每个用户域下存储不少于5-10MB的内容。这就意味者,用户可以不仅仅存储session了,还可以在客户端存储用户的设置偏好,本地化的数据,离线的数据,这对提高效率是很有帮助的。

  而web存储更提供了使用Javascript编程的接口,这将使得开发者可以使用Javascript,在客户端做很多以前要在服务端才能完成的工作。目前,各主流浏览器已经开始对web存储的支持,如下图:
 

更多 cookies 相关资讯

更多 api 相关资讯

更多 html5 相关资讯

微软10月3日将发新版Hotmail 或支持HTML5

微软10月3日将发新版Hotmail 或支持HTML5

微软已经向纽约和旧金山的媒体和分析师发出邀请函,邀请他们参加于10月3日举行的一项有关Hotmail的活动。 邀请函中表示:“我们聆听,我们学习。我们从最基础开始对Hotmail进行改

Adobe发布名叫袋鼠的Flash转HTML5工具

在去年底Adobe和苹果大战之时,Adobe曾经向公众介绍了一款可以将Flash转换成HTML5的工具,引起观众一片哗然。今天Adobe放出了这款软件的首个预览版,我们因而也知道了这款软件的

外媒:HTML5取代不了Flash

外媒:HTML5取代不了Flash

据国外媒体报道,美国知名IT网站彼得·威纳(Peter Wayner)今日撰写评论文章,称HTML5将会改变互联网的很多方面。虽然它不会取代Flash或Shockwave,但HTML5将会重新塑造互联

HTML5将重塑Web世界?

HTML5将改变互联网的方方面面。HTML5可能不会完全取代Flash,但它会重塑互联网,使浏览器无需借助插件就可以做更多的工作,从位置跟踪、视频播放到把云端的数据缓存到本地,最终能