Modernizr是一个很小的用来检测下一代 Web 技术原生实现可用性的JavaScript 库。
HTML5和CSS3都引入了各自的新特性,但是同时也有很多浏览器不支持这些新特性。
Modernizr提供了一种简单的方式检测任意新特性,从而让我们可以采取相应的操作。比如,浏览器还不支持视频特性,那么我们可以显示一个简单的页面。
我们还可以基于某个特性的可用性来创建 CSS 规则,如果浏览器不支持某个新特性,那么这些规则将会自动应用到网页上。
可以从 在线练习。
Modernizr 提供的特性检测
下面是可以通过Modernizr进行检测的特性列表:
领取专属 10元无门槛券
私享最新 技术干货