什么是 HTML5 Modernizr？

在当今的现代世界中，HTML 和 CSS 中有许多可用的功能，而且很少有浏览器支持所有功能。有时很难找到我们的网络浏览器是否支持这些功能。因此，Modernizr 在这些场景中非常有用。在本文中，我们将了解什么是 HTML5 Modernizr 以及如何使用它。

HTML5 Modernizr：它是一个 JavaScript 库，可检测我们的 Web 浏览器支持的下一代 Web 技术功能。 HTML 和 CSS 中引入了许多新功能，但许多浏览器不支持这些新功能。因此，Modernizr 允许开发人员测试 HTML 和 CSS 中的一些新技术，然后为不支持它们的浏览器提供后备方案。例如，如果浏览器不支持 GIF 视频，那么我们希望显示 mp4 视频。我们可以根据功能创建 CSS 规则，如果浏览器不支持新功能，这些规则将自动应用于网页。

句法：

下载 Modernizr 库文件，然后将该文件添加到 HTML 页面的脚本标记中。

示例：在此示例中，我们将使用 Modernizr 检查我们的浏览器是否支持 HTML5 视频。

HTML

 

    
    HTML5 Modernizr Browser Check
 
    
    

 

    HTML5 Modernizr Browser Check
 
    
    
        if (Modernizr.video) {
 
            // If you browser supports video
            // then this code will execute
            alert("HTML5 Video is supported in your browser");
        }
        else {
 
            // If our browser doesn't supports
            // video then this code will execute
            alert("HTML5 Video is not supported in your browser");
        }
    

 

输出：我正在使用最新版本的谷歌浏览器。所以，我的浏览器支持 HTML5 视频。如果您将使用以前的版本，那么您将收到不支持您的浏览器的警报。

输出