Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库。 目前，通过检验浏览器对一系列测试的处理情况，Modernizr 可以检测18项 CSS3 功能以及40多项关于HTML5 的功能。 它比传统检测浏览器名称（浏览器嗅探）的方式更为可靠。 一整套测试的执行时间仅需几微秒。
在页面中引入modernizr.js，当打开页面时Modernizr会根据浏览器的支持情况在html标签中添加了一组类，通过这些类就可以判断当前浏览器对html5和CSS3的 支持情况。
下面是个简单的html页面：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src='/images/loading.gif' data-original="modernizr.js"></script></head><body> Hello World!</body></html>
用chrome浏览器打开页面后按F12，
图1：html标签
- 检测CSS3，如果浏览器不支持某个功能，那么相应类的名称用
no-作前缀。
举例：判断是否支持box-shadow，如果不支持使用另外一种样式。
.no-boxshadow img { border-right: #8A8A8A 2px solid; border-bottom: #8A8A8A 2px solid; }
Modernizr中文文档
下载地址：https://modernizr.com/download?setclasses
原标题：检测浏览器对HTML5和CSS3支持情况的利器——Modernizr
关键词：HTML
我知道了 