javascript - modernizr.load() 中的两个 Modernizr 测试？

Question

在使用 yep/nope/modernizr.load() 加载资源之前，我需要检查是否支持两项。如何才能做到这一点？

并且在通过两个测试时，不是一个或另一个，而是两个。

一个是我已经添加的自定义测试，另一个是现有测试。

Answer 1

Modernizr documentation有你的答案:

取自文档...

Modernizr.load is small and simple, but it can do quite a bit of heavy-lifting for you. Here is a slightly more complicated example of using Modernizr.load when your scripts rely on more than one Modernizr feature-test. A good technique is to wrap up multiple polyfill scripts into a single 'oldbrowser' type script, that way you don’t end up loading too many scripts at once. Here's how that might work:

Modernizr.load([
  {
    test : Modernizr.fontface && Modernizr.canvas && Modernizr.cssgradients,
    nope : ['presentational-polyfill.js', 'presentational.css']
  }
]);

如您所见，答案很简单，就是将您需要的所有测试放在一个 bool 表达式中。

我已经简化了文档中的示例，事实上文档中给出的示例更加详细，所以请务必阅读它们，因为它可能会给您提供更好的方法来完成您的工作重新追求。

希望对您有所帮助。