今天无意中发现别人的网站html里面加入了一个类名 no-js,如下
<html class="no-js">
<script src="modernizr-2.6.2.min.js">
很好奇是什么东西,就去百度了下,在一篇转载的文章里发现,原来这个 no-js 是配合 Modernizr 一起使用的类名(class)
顺手百度了下Modernizr ,官网原话是:Modernizr 是一个 JavaScript 库,用于检测用户浏览器的 HTML5 与 CSS3 特性。
为什么使用 Modernizr:使用炫酷新颖的 web 技术是一件很有趣的事情,但你不得不面对落后的浏览器。Modernizr 使你可以方便地为各种情况编写 JavaScript 和 CSS,无论浏览器是否支持这些特性。这是处理渐进增强的完美方案。
工作原理:Modernizr 会在页面加载后立即检测特性;然后创建一个包含检测结果的 JavaScript 对象,同时在HTML元素加入方便你调整 CSS 的 class 名。
也就是说Modernizr是一个js 库,检查你的流览器是否支持 CSS3 或者 HTML5 的特性而自动添加一些类名(class)到 并 替换掉原来的 .no-js(简单来说,Modernizr 就是一个CSS3/HTML5 的测试器,你需要测试什么,这可以到它的官方网站配置,选择自己需要测试的元素)。还有让你的流览器支持 HTML5 中的新的标签,例如:
<nav>,<header>,<footer>....
Modernizr 官方网站:http://modernizr.com/
网友评论