javascript - Modernizr 与仅仅为 CSS 中的前缀提供后备......哪一个以及为什么

Question

尝试了解这里的大局。将使用 css 计算的示例。我的布局严重依赖它，并且需要某种针对旧版 android、opera 等的解决方案。

所以...尝试了解哪个更可取以及为什么。

选项 1:使用 Modernizr 嗅探支持，然后在不受支持时提供后备

选项 2:只需在 css 中提供后备，例如:宽度:200px；宽度:-moz-calc(...)宽度:-webkit-calc(...)宽度:计算(...)

我认为我错过了一些关于为什么 Modernizr 有用的更大的图景，因为在我看来，在这种情况下，它是一个我可以跳过并加速页面加载的库。是否只是因为我可能想嗅出很多东西，因此由于问题数量巨大，它变得有用，并且它会捕获我可能没有意识到的东西，或者我还缺少其他东西吗？

如果可能的话，真正尝试最终在所有现代浏览器(包括 Opera)中获得视口(viewport)单元和计算功能......并尝试确切地了解 Modernizr 是否适合该场景。

谢谢

Answer 1

如果您不需要使用 Modernizr，则不应使用。

根据代码中的 calc 数量，加载 calc polyfill 可能会更好(我当然希望不是......calc 不应该被使用那么多。如果是这样，很可能是出了问题)。

就我个人而言，我不会只是为了嗅探这一功能而添加 Modernizr。 The actual detect非常小。我只是在您自己的代码中实现它的逻辑，基于我们使用的检测。

所以，不，你没有错过任何东西。检测许多事物很有用，但如果它只是一个功能，并且该功能检测起来并不是非常复杂，则没有理由添加它。