modernizr.js 浏览器检测html5和CSS3工具

modernizr 是一个检测浏览器支持哪些html5和css3特性的工具库，它不是检测user-agent字符串，而是使用一系列测试来判断浏览器的特性。在几毫秒内它就能够执行超过40种测试并将结果作为属性记录在名为Modernizr的对象中。开发人员可以通过这些信息检测他们准备使用的某特性是否被浏览器支持并作出相应的处理。

1 在head标签区域中 引入脚本

<script src="js/modernizr-1.0.min.js"></script>

2 为html添加自定义属性：如果浏览器不支持javascript 该插件自动屏蔽不起作用。 如果浏览器支持javascript 该插件将自动替换这个class属性的值

<html class="no-js">

3 使用方法 

　css方面 ： 

  .multiplebgs #nice {
    background: url(background-one.png) top left repeat-x,
    url(background-two.png) bottom left repeat-x;
  }
   javascript方面：
  
  if (Modernizr.geolocation) {
  }

出处：http://modernizr.com/ 

posted @ 2015-07-15 22:19  一渡  阅读(91)  评论(0)    收藏  举报