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发展前景不可限量 下一篇:网页打开速度对网站的影响
