HTML5特性 > 本地储存 >检测是否支持本地存储(Local Storage,sessionStorage)

来源:互联网 发布:淘宝的五星评价在哪里 编辑:程序博客网 时间:2024/06/14 11:42

如果你的浏览器支持该特性的话,那么全局对象:window上会有一个localStorage的属性,反之,你的浏览器不支持的话,那么该属性值为undefined

JavaScript Code复制内容到剪贴板
  1. function supports_local_storage(){  
  2.     return !!window.localStorage;  
  3. }  
XML/HTML Code复制内容到剪贴板
  1. <input type="button" onclick="Supports_localStorage()" value="Supports_localStorage"/><script type="text/javascript">    function Supports_localStorage()   {        alert(window.localStorage);    }</script>  
  2. <input type="button" onclick="Supports_sessionStorage()" value="Supports_sessionStorage"/><script type="text/javascript">    function Supports_sessionStorage() {        alert(window.sessionStorage);  }</script>  

同样的,如果你不想自己亲手去写这个检测方法的话,你可以使用Modernizr来检测你的浏览器是否支持本地存储

JavaScript Code复制内容到剪贴板
  1. if(Modernizr.localstorage){  
  2.   //window.localStorage is available!  
  3. }else{  
  4.   //no native support for local storage  
  5.   //maybe try Gears or another third-party solution  
  6. }