3G技术专区

您现在的位置是:首页>3G课程>3G技术专区

 
3G技术专区
 

HTML5--检测你的浏览器是否支持本地存储

资源来源:博看文思 | 分类:3G前端开发

HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候cookie都会被发送过去。

HTML5的storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。本地存储真的是HTML5的一部分吗?那为什么它出现在另外单独的标准中?简单的说本地存储是HTML5的一部分。

更为详细准确的说是本地存储过去是HTML5的标准中的一部分,而后来由于有些工作组的人表示HTML5太庞大了,于是就剥离出来作为一个单独的标准。这听起来好像是把一块馅饼分成很多块目的是为了减少总的卡路里……

好吧,世界的标准就是这么的古怪!想要检测你的浏览器是否支持HTML5的本地存储特性可以使用之前介绍过的检测方法中的第一种方法。如果你的浏览器支持该特性的话,那么全局对象:window上会有一个localStorage的属性,反之,你的浏览器不支持的话,那么该属性值为:Undefined

<!DOCTYPE HTML>
<html>
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>test</title>   
</head> 
<script language="javascript"> 
   function supports_local_storage(){ 
        alert(!!window.localStorage);
   }   
</script>
<body onload="supports_local_storage();">
<div>test</div>
</body>
</html>

通过这段代码,可以测试到今天7.1为止,八大浏览器中除了IE内核的遨游和IE系列其他的浏览器都已经支持了本地存储。

HTML5的本地存储安全吗?是不是所有人都可以读取到存储的数据?任何可以物理上能访问你的计算机的人都有可能看看到你的HTML5的本地数据库,在你的浏览器中,任何网站都可以读取和修改他们自己存储的数据,但是不能不同站点的存储数据不能相互访问。这叫域限制。

上一篇:HTML5发展前景不可限量 下一篇:网页打开速度对网站的影响
 

我要报名

  • 姓 名:
  • 年 龄:
  • 电 话:

我要学:

 
点击进行QQ咨询
点击进行在线咨询