Modernizr

创建时间:
2014-07-15 02:39
最近更新:
2018-06-13 11:36

Brief

Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库。目前,通过检验浏览器对一系列测试的处理情况,Modernizr 可以检测 18 项 CSS3 功能以及 40 多项关于 HTML5 的功能。它比传统检测浏览器名称 (浏览器嗅探) 的方式更为可靠。一整套测试的执行时间仅需几微秒。此外,Modernizr 网站通过定制脚本只对你感兴趣的元素进行检测,从而实现效率优化。

当使用 Modernizr 检测 CSS3 支持情况时,你无需具备任何 JavaScript 的知识。你仅需在网页中插入文件,它随即根据浏览器的功能情况在页面的 <html> 标签上添加一组类。相应类的名称已经符合标准化的要求并浅显易懂。例如,如果浏览器支持 box-shadow 属性,则需要添加相应的 boxshadow 类;否则,添加一个 no-boxshadow 类即可。你所要做的一切只不过是创建一个使用这些类的式样表,以便为相应浏览器提供合适的式样。

Resource

  1. Modernizr - HTML5 和 CSS3 开发利器