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

社区服务
高级搜索
猴岛论坛电脑百科检测你的浏览器是否支持HTML5的本地存储特性
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
0个回复

[网络问题]检测你的浏览器是否支持HTML5的本地存储特性

楼层直达
゛蝣蕩啲龍っ

ZxID:7865773

等级: 元老
‘燕鸥’是种水鸟,听说,它们会从几千里外,飞回自己的家,而且,是‘情有独钟’,终身不换伴侣 ..

举报 只看楼主 使用道具 楼主   发表于: 2010-07-03 0
HTML5作为互联网新的浏览标准,受到很多人的推崇。但是目前浏览器开发商对于HTML5的支持程度和具体方式并不一致,这让很多浏览器用户感到困惑。如果用户希望体验HTML5标准,那么安装一款支持HTML5标准的浏览器就显得尤为重要了。当然这些都是题外话,我们今天的主题是,如何检测你的浏览器是否支持HTML5的本地存储特性。
检测方法如下:

如果你的浏览器支持该特性的话,那么全局对象:window上会有一个localStorage的属性,反之,你的浏览器不支持的话,那么该属性值为undefined
view plaincopy to clipboardprint?
function supports_local_storage(){
    return !!window.localStorage;
}

同样的,如果你不想自己亲手去写这个检测方法的话,你可以使用Modernizr来检测你的浏览器是否支持本地存储。
view plaincopy to clipboardprint?
if(Modernizr.localstorage){ 
  //window.localStorage is available! 
}else{ 
  //no native support for local storage 
  //maybe try Gears or another third-party solution 
}

注意:Javascript是大小写敏感的。Modernizr的这个属性是:“localstorage”(全部小写),但是DOM的属性叫:window.localStorage(大小写都有)。
HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。
以下是关于HTML5本地存储的一些相关疑惑以及解答:
问:本地存储真的是HTML5的一部分吗?那为什么它出现在另外单独的标准中?
答:简单的说本地存储是HTML5的一部分。更为详细准确的说是本地存储过去是HTML5的标准中的一部分,而后来由于有些工作组的人表示HTML5太庞大了,于是就剥离出来作为一个单独的标准。这听起来好像是把一块馅饼分成很多块目的是为了减少总的卡路里……好吧,世界的标准就是这么的古怪!

问:HTML5的本地存储安全吗?是不是所有人都可以读取到存储的数据?
答:任何可以物理上能访问你的计算机的人都有可能看看到你的HTML5的本地数据库,在你的浏览器中,任何网站都可以读取和修改他们自己存储的数据,但是不能不同站点的存储数据不能相互访问。
« 返回列表
发帖 回复