通过Modernizr安全地使用HTML 5和CSS 3

使用HTML 5和CSS 3的主要问题不是普及程度和浏览器之间的差异，而在于首先了解这些差异是什么。一旦搞清楚，开发人员就能够采用优雅降级(graceful degradation)技术解决这些局限性。为此，许多开发人员求助于开源项目Modernizr。

Modernizr不是检测user-agent字符串，而是使用一系列测试来判断浏览器的特性。在几毫秒内它就能够执行超过40种测试并将结果作为属性记录在名为Modernizr的对象中。开发人员可以通过这些信息检测他们准备使用的某特性是否被浏览器支持并作出相应的处理。

在Modernizr 2.0版中，它增加了一个针对JavaScript和CSS的条件资源加载器(conditional resource loader)。该资源加载器接受三个参数，第一个是表达式，列举了所需的特性。第二个参数是如果表达式返回true则加载的JavaScript和CSS文件列表。第三个参数是所需特性不存在的情况下备用的文件列表。

除了优雅降级，加载器还可用于引入polyfill。请允许我向那些还不太熟悉pollyfill的朋友解释一下，pollyfill是“一种JavaScript垫片(shim)，为老版本浏览器模拟了标准API”。虽然这种方式不总是值得推荐，但是pollyfill能够用来添加（Modernizr检测到的）大多数HTML 5特性的支持。

为了改进性能，开发人员可以定制Modernizr来执行网站所需的测试。这可以通过Modernizr下载页面来完成，该页面同时显示了能够检测的特性列表。在github网站上还标有无法检测的特性和可能的解决办法。 

查看英文原文：Safely use HTML 5 and CSS 3 Today with Modernizr