睿美印象网络欢迎您的到来,并真诚的希望能与您合作!
睿美印象网络
返回上一页
客服QQ
点击这里给我发消息
客服QQ
点击这里给我发消息
一切从沟通开始……

HTML5特性检测四:本地存储(Local Storage)

作者:睿美印象网站建设工作室  发布日期:2012-11-13
Local Storage(本地存储)

HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。
本地存储真的是HTML5的一部分吗?那为什么它出现在另外单独的标准中?
简单的说本地存储是HTML5的一部分。更为详细准确的说是本地存储过去是HTML5的标准中的一部分,而后来由于有些工作组的人表示HTML5太庞大了,于是就剥离出来作为一个单独的标准。这听起来好像是把一块馅饼分成很多块目的是为了减少总的卡路里……好吧,世界的标准就是这么的古怪!
想要检测你的浏览器是否支持HTML5的本地存储特性可以使用之前介绍过的检测方法中的第一种方法。如果你的浏览器支持该特性的话,那么全局对象:window上会有一个localStorage的属性,反之,你的浏览器不支持的话,那么该属性值为undefined

JavaScript Code复制内容到剪贴板
function supports_local_storage(){  
    return !!window.localStorage;  
}  
同样的,如果你不想自己亲手去写这个检测方法的话,你可以使用Modernizr来检测你的浏览器是否支持本地存储。

JavaScript Code复制内容到剪贴板
if(Modernizr.localstorage){  
  //window.localStorage is available!  
}else{  
  //no native support for local storage  
  //maybe try Gears or another third-party solution  
}  
HTML5的本地存储安全吗?是不是所有人都可以读取到存储的数据?
任何可以物理上能访问你的计算机的人都有可能看看到你的HTML5的本地数据库,在你的浏览器中,任何网站都可以读取和修改他们自己存储的数据,但是不能不同站点的存储数据不能相互访问。这叫域限制


转载请注明:睿美印象网站建设工作室www.ruimeiyx.com
分享到:
已有 0 条评论
暂无评论
睿美印象在线客服
客服部小睿:
点击这里给我发消息
设计部小美:
点击这里给我发消息
技术海绵哥:
点击这里给我发消息
在线淘客服:
睿美印象网络
淘客服小睿:
睿美印象小睿
淘客服小美:
睿美印象小美