檢測瀏覽器是否支援HTML5/CSS3神器Modernizr，html5css3

檢測瀏覽器是否支援HTML5/CSS3神器Modernizr，html5css3

什麼是Modernizr?

Modernizr 是一個用來檢測瀏覽器功能支援情況的 JavaScript 庫。 目前，通過檢驗瀏覽器對一系列測試的處理情況，Modernizr 可以檢測18項 CSS3 功能以及40多項關於HTML5 的功能。 它比傳統檢測瀏覽器名稱（瀏覽器嗅探）的方式更為可靠。 一整套測試的執行時間僅需幾微秒。 此外，Modernizr 網站通過定製指令碼只對你感興趣的元素進行檢測，從而實現效率最佳化。

傳統瀏覽器目前不會被完全取代，令你難以將最新的 CSS3 或 HTML5 功能嵌入你的網站。 Modernizr 正是為解決這一難題應運而生，作為一個開源的 JavaScript 庫，Modernizr 檢測瀏覽器對 CSS3 或 HTML5 功能支援情況。 Modernizr 並非試圖添加老版本瀏覽器不支援的功能，而是令你通過建立可選風格配置修改頁面設計。 它也可以通過載入定製的指令碼來類比老版本瀏覽器不支援的功能。

Modernizr 簡單易用，但不是萬能的。 成功使用 Modernizr 很大程度上取決於你的 CSS 和 JavaScript 技能。 通過本指南，你可以瞭解如何為不支援多欄或投影的瀏覽器設定可選風格。 此外，你還可以瞭解如何讓老版本瀏覽器對使用最新 HTML5 要求（required）屬性的表單進行驗證，以及如何根據瀏覽器的功能有選擇地載入指令檔。

下載 Modernizr

訪問 Moderniz 網站，其地址為 http://www.modernizr.com/ 

使用方法：

如判斷瀏覽器是否支援本機存放區功能，代碼如下

if (Modernizr.localstorage) {// window.localStorage is available!} else {// no native support for local storage :(// maybe try Gears or another third-party solution}