Javascript Modernizr.js是否有助于在较旧的浏览器上显示css 3和html 5，以及如何显示？

我在一个网页中使用了css 3和html 5，我想使用Modernizer来显示一些html5属性和一些css 3，例如旧浏览器上的边框半径，

---

Modernizr在这方面有帮助吗？如何运行它。

Modernizr只会帮助您检测某些功能，因此您必须自己添加JS修复程序

如果您想使用预打包的解决方案，这可能会有所帮助：

---

在您的情况下，这可能是一种方法：

Modernizer只会帮助您检测某些功能，因此您必须自己添加JS修复程序

如果您想使用预打包的解决方案，这可能会有所帮助：

---

在您的情况下，这可能是一种方法：

您可以使用Modernizer来检测可用的内容，例如圆角。如果不是，您可以通过Modernizer API优雅地降级，甚至可以使用插件冒烟并镜像该功能

<script type="text/javascript">
    Modernizr.load({
        test: Modernizr.borderradius,
        nope: 'script/jquery.corner.js',
        callback: function () {
            $('article').corner();
            $('figure').corner();
        }
    });
</script>

现代化负荷({
测试：现代化，
否：“script/jquery.corner.js”，
回调：函数（）{
$（'article'）.corner（）；
$（'figure'）.corner（）；
}
});

---

取自

的代码片段您可以使用Modernizer来检测可用的内容，例如圆角。如果不是，您可以通过Modernizer API优雅地降级，甚至可以使用插件冒烟并镜像该功能

<script type="text/javascript">
    Modernizr.load({
        test: Modernizr.borderradius,
        nope: 'script/jquery.corner.js',
        callback: function () {
            $('article').corner();
            $('figure').corner();
        }
    });
</script>

现代化负荷({
测试：现代化，
否：“script/jquery.corner.js”，
回调：函数（）{
$（'article'）.corner（）；
$（'figure'）.corner（）；
}
});

---

取自Modernizer的代码片段对CSS3没有帮助。（您可以使用它，但它有一些您想了解的跨域问题。）

---

Modernizer确实有，它附带了，这是一个很好的polyfills加载机制，因此您可以加载自己对旧浏览器的支持。这将有助于您降低对

模式

和

占位符

等属性的支持，而不会使具有本机支持的浏览器过载。

Modernizer对CSS3没有帮助。（您可以使用它，但它有一些您想了解的跨域问题。）

---

Modernizer确实有，它附带了，这是一个很好的polyfills加载机制，因此您可以加载自己对旧浏览器的支持。这将有助于您降低对诸如

模式

和

占位符

等属性的支持，而不会使具有本机支持的浏览器过载。

Modernizer不会将缺少的功能添加到HTML5 Shiv以外的旧浏览器中，以便您可以使用HTML5中的新语义元素并为其设置样式。其他答案已经显示了一些多边形填充选项，但是，我建议您重新考虑以这种方式向旧浏览器添加纯粹的视觉效果，如

边框半径

。Polyfills降低了旧浏览器的速度（有时会非常明显），并使这些用户的整体体验变得更糟。

Modernizer不会向除HTML5 Shiv之外的旧浏览器添加缺失的功能，以便您可以使用HTML5中的新语义元素并为其设置样式。其他答案已经显示了一些多边形填充选项，但是，我建议您重新考虑以这种方式向旧浏览器添加纯粹的视觉效果，如

边框半径

。Polyfills会降低旧浏览器的运行速度（有时会非常明显），并使这些用户的整体体验变得更加糟糕。

Modernizer在内部使用与其他情况相同的JS代码。。 e、 g.如果您想使用本机方式检查“输入”占位符支持，您可以使用

function support_input_placeholder() {  
    var i = document.createElement('input');
    return 'placeholder' in i;
}

而现代化的检查方法是

function support_input_modern() {   
    if (Modernizr.input.placeholder) 
        return true;
    else
        return false;
}

但是上面的代码具有与本机方法相同的内部工作方式

所以，理想情况下，我更喜欢原生方式，以实现更简单、更少的检查量

---

只有在非常复杂的情况下，我们才应该使用Modernizer

Modernizer内部使用与其他情况相同的JS代码。。 e、 g.如果您想使用本机方式检查“输入”占位符支持，您可以使用

function support_input_placeholder() {  
    var i = document.createElement('input');
    return 'placeholder' in i;
}

而现代化的检查方法是

function support_input_modern() {   
    if (Modernizr.input.placeholder) 
        return true;
    else
        return false;
}

但是上面的代码具有与本机方法相同的内部工作方式

所以，理想情况下，我更喜欢原生方式，以实现更简单、更少的检查量

---

只是对于非常复杂的事情，我们应该去现代化吗？

只要查看官方网站上的文档就可以了？只需在官方网站上查看文档？伙计，我已经看到了这段代码片段，我发现它几乎没有用，因为

$（'article'）.corner（）$（'figure'）.corner（）-\这里面的动态性在哪里。伙计，我在附近看过这段代码片段，我发现它基本上没用，因为
$（'article'）.corner（）$（'figure'）.corner（）-\其中的动态性在哪里。