先到modernizr下載modernizr的js檔案

並且選擇自己需要的features再按build

就會取得一個 modernizr-custom.min.js 的檔案

之後將js檔加入到html檔案當中

1
2
3
4
5
6
<head>
   <meta charset="utf-8">
   <title>HTML5 Feature Detection</title>
   <script src="modernizr-custom.min.js"></script>
   ...
</head>

之後當你的網站讀取時

Modernizr就會先做快速的測試

然後回傳一個 叫作 Modernizr javascript object

Modernizr

之後便可以透過這個Modernizr去動態的操作網頁在不同瀏覽器的顯示狀態

達到更好的使用者體驗IE

Modernizr不只有支援 HTML

還有CSS and JavaScript的相容性測試

更多關於Modernizr的使用方式可以直接看官方的docs

Modernizr docs