什么是Modernizr
Modernizr是一个JavaScript库，其提供了一个简便的方法来检测用户的浏览器在支持哪些HTML、CSS和JavaScript特性。现代化的网站通常使用很多新特性，如CSS3属性和JavaScript API，例如地理定位和本地缓存。Modernizr的目的是检测浏览器中是否支持这些技术，这将有助于开发人员编写更具交互性和响应式网站。在Modernizr库中使用一些JavaScript脚本，使它能够检测浏览器的功能，并根据功能性的支持性动态的添加HTML和CSS类。
优点和缺点
使用Modernizr有很多好处，这里只列举几个。首先，检测浏览器的支持情况能够帮助开发人员避免不必要的浏览器错误。其次，Modernizr能够轻松地在CSS样式表中加入不同的类，从而有助于开发人员针对特定的浏览器选项进行微调。最后，Modernizr对于对于构建一个非常适应性的和可扩展的网站来说是非常有用的。
当然，Modernizr也有一些限制和缺点。例如，如果某个浏览器不支持某个特定的技术，则必须要在代码中添加 falling back options 手动调整编写代码的方式。此外，Modernizr可能会导致性能问题，特别是在多个类属性被添加到HTML元素时。
如何使用Modernizr
使用Modernizr非常简单，只需要下载Modernizr库并将其引入到你的网站中就可以了。从编写代码的角度来看，Modernizr对象提供一组检查漏洞的JavaScript函数，这些函数返回真或假。如果支持特性，则返回true，否则则返回false。这样，只需要使用if语句或其他逻辑操作符将这些函数与true或false值匹配。
一些细节需要注意的是，先引入Modernizr.js然后再引入其他的js，因为Modernizr会在页面渲染结束前运行脚本进行检测，如果后面的脚本需要Modernizr所检测的API则可能会无法操作。
最后，要注意Modernizr本身只是一个检测API，如果需要运用到实例中，可以根据Modernizr的检测结果来针对不同的API编写不同的代码。
在今天日益复杂和动态的Web环境中，Modernizr是一个有所作为的JavaScript库。在不断变化的浏览器API环境下，使用Modernizr可以帮助网站在最佳状态下显示，并且能够从中获得一些性能上的优势。
