1.CSS

可以通過feature檢測（包括html5元素如canvas，或是css3屬性如border-radius）為html的加入相應(yīng)的類，對于不支持的feature則加入以no-為前綴的類。

可以為html加入名為“no-js”的類，這樣即使沒有js環(huán)境來執(zhí)行Modernizr，也提供了相應(yīng)的fallback類，而一旦Modernizr執(zhí)行，就會自動將no-js類替換為js類名，并且加入各種feature檢測結(jié)果類名。

2.JS

加入Modernizr全局變量，可以通過調(diào)用 Modernizr.<featurename>來檢測是否支持某個(gè)feature

3.YEPNOP

可以將YepNop功能引入，通過調(diào)用Modernizr.load()實(shí)現(xiàn)按需加載

<script src="modernizr.js"></script>
<script>
Modernizr.load(
  test: Modernizr.inputtypes.date,
  nope: ['http://ajax./ajax/libs/jquery/1.4.4/jquery.min.js', 'http://ajax./ajax/libs/jqueryui/1.8.7/jquery-ui.min.js', 'jquery-ui.css'],
  complete: function () {    
    $('input[type=date]').datepicker({ dateFormat: 'yy-mm-dd' }); 
  }
});
</script>

YepNop很好使用，基本參考下面的幫助即可：

yepnope([{
  test : /* boolean(ish) - Something truthy that you want to test */,
  yep : /* array (of strings) | string - The things to load if test is true */,
  nope : /* array (of strings) | string - The things to load if test is false */,
  both : /* array (of strings) | string - Load everytime (sugar) */,
  load : /* array (of strings) | string - Load everytime (sugar) */,
  callback : /* function ( testResult, key ) | object { key : fn } */,
  complete : /* function */ }, /* ... */ 
]);