????????今天無意中發(fā)現(xiàn)別人的網(wǎng)站html里面加入了一個類名 no-js胞皱,如下
<html class="no-js">
<script src="modernizr-2.6.2.min.js">
? ? ? ? ?很好奇是什么東西,就去百度了下遵班,在一篇轉(zhuǎn)載的文章里發(fā)現(xiàn)忧换,原來這個 no-js 是配合 Modernizr 一起使用的類名(class)
?????????順手百度了下Modernizr ,官網(wǎng)原話是:Modernizr 是一個 JavaScript 庫蜻牢,用于檢測用戶瀏覽器的 HTML5 與 CSS3 特性僻造。
? ? ? ? ?為什么使用 Modernizr:使用炫酷新穎的 web 技術(shù)是一件很有趣的事情憋他,但你不得不面對落后的瀏覽器。Modernizr 使你可以方便地為各種情況編寫 JavaScript 和 CSS髓削,無論瀏覽器是否支持這些特性竹挡。這是處理漸進(jìn)增強(qiáng)的完美方案。
????????工作原理:Modernizr 會在頁面加載后立即檢測特性立膛;然后創(chuàng)建一個包含檢測結(jié)果的 JavaScript 對象揪罕,同時在HTML元素加入方便你調(diào)整 CSS 的 class 名。
????????也就是說Modernizr是一個js 庫宝泵,檢查你的流覽器是否支持 CSS3 或者 HTML5 的特性而自動添加一些類名(class)到 并 替換掉原來的 .no-js(簡單來說好啰,Modernizr 就是一個CSS3/HTML5 的測試器,你需要測試什么儿奶,這可以到它的官方網(wǎng)站配置框往,選擇自己需要測試的元素)。還有讓你的流覽器支持 HTML5 中的新的標(biāo)簽闯捎,例如:
<nav>,<header>,<footer>....
Modernizr 官方網(wǎng)站:http://modernizr.com/