Modernizr

1. Respond to your user’s browser features.

2. Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.

3. It’s a collection of superfast tests – or 「detects」 as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user.

4. All web developers come up against differences between browsers and devices. That’s largely due to different feature sets: the latest versions of the popular browsers can do some awesome things which older browsers can’t – but we still have to support the older ones.

   Modernizr makes it easy to deliver tiered experiences: make use of the latest and greatest features in browsers which support them, without leaving less fortunate users high and dry.

5. Modernizr：專爲HTML5和CSS3開發的功能檢測類庫

   Modernizr是一個開源的JS庫，它使得那些基於訪客瀏覽器的不一樣（指對新標準支持性的差別）而開發不一樣級別體驗的設計師的工做變得更爲簡 單。它使得設計師能夠在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進行開發，同時又不會犧牲其餘不支持這些新技術的瀏覽器的 控制。

   當你在網頁中嵌入Modernizr的腳本時，它會檢測當前瀏覽器是否支持CSS3的特性，好比 @font-face、border-radius、 border-image、box-shadow、rgba() 等，同時也會檢測是否支持HTML5的特性——好比audio、video、本地儲存、和新的 <input>標籤的類型和屬性等。在獲取到這些信息的基礎上，你能夠在那些支持這些功能的瀏覽器上使用它們，來決定是否建立一個基於JS的 fallback，或者對那些不支持的瀏覽器進行簡單的優雅降級。另外，Modernizr還能夠令IE支持對HTML5的元素應用CSS樣式，這樣開發 者就能夠當即使用這些更富有語義化的標籤了。