HTML5中如何检查浏览器是否支持本地存储

最新推荐文章于 2022-12-09 01:55:15 发布

前端老码农

最新推荐文章于 2022-12-09 01:55:15 发布

阅读量519

点赞数

分类专栏：前端文章标签： Html5

原文链接：https://www.mk2048.com/blog/blog.php?id=j0k0ch2kj&title=HTML5%E4%B8%AD%E5%A6%82%E4%BD%95%E6%A3%80%E6%9F%A5%E6%B5%8F%E8%A7%88%E5%99%A8%E6%98%AF%E5%90%A6%E6%94%AF%E6%8C%81%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8

版权

前端专栏收录该内容

2065 篇文章 12 订阅

订阅专栏

                        
  如果你的浏览器支持该特性的话，那么全局对象：window上会有一个localStorage的属性，反之，你的浏览器不支持的话，那么该属性值为undefined 
  
  JavaScript  
 
  function supports_local_storage(){   
 
  return !!window.localStorage;   
 
   }   
 
  XML/HTML 
 
   <input type="button" 
  onclick="Supports_localStorage()" value="Supports_localStorage"/> 
 
   <script type="text/javascript">    
 
  function Supports_localStorage()    
 
     {        
 
  alert(window. 
  localStorage); 
 
       } 
 
   </script>   
 
   <input type="button" οnclick="Supports_sessionStorage()" value="Supports_sessionStorage"/> 
 
   <script type="text/javascript"> 
 
  function Supports_sessionStorage() { 
 
  alert(window. 
  sessionStorage); 
 
     } 
 
   </script>   
 
   同样的，如果你不想自己亲手去写这个检测方法的话，你可以使用Modernizr来检测你的浏览器是否支持本地存储。 
 
  JavaScript  
 
  if(Modernizr.localstorage){   
 
   // 支持 
 
   } 
  else{   
 
  //不支持   
 
   }