Javascript PWA的HTML/CSS特征检测

MDN将渐进式web应用中的“渐进式”定义为-

可以开发现代网络应用程序，为用户提供超酷的体验 功能齐全的浏览器和可接受的 对于功能较差的浏览器来说，这是一种全新的体验。我们这么做已经有一年了 多年来的最佳实践，如渐进式增强，让我们 继续努力

我理解，就javascript特性而言，我们可以使用if-else条件来检查该特性是否存在并适当地处理它

但是，对于HTML/CSS，最好的方法是什么呢

google/MDN文档非常强调检查JS特性，但没有html/css文档

---

我的用例是构建一个具有现代功能的web应用程序，但仍然可以在各种浏览器（包括Opera Mini和UC Browser等代理浏览器）上运行。

通过使用名为的脚本库，您可以使用最少的代码将不同HTML5/CSS3功能的检查添加到页面中

为了生成生产脚本，该站点提供了一个自定义脚本生成工具，而不是提供一个包含所有用于HTML5/CSS3功能检测的脚本。使用脚本生成工具，您可以选择需要的特定测试功能，并忽略不需要的所有内容

这是一篇关于如何使用现代化的好文章

---

如果您想超越Modernizer，可以开始使用新的CSS规则@支持功能检测。这条规则是规则的一部分。由于这条规则，只有当浏览器支持CSS样式时，您才能有选择地应用它们。否则，浏览器将忽略这些样式。它的语法与CSS媒体查询非常相似。

通过使用一个名为的脚本库，您可以用最少的代码在页面中添加对不同HTML5/CSS3功能的检查

为了生成生产脚本，该站点提供了一个自定义脚本生成工具，而不是提供一个包含所有用于HTML5/CSS3功能检测的脚本。使用脚本生成工具，您可以选择需要的特定测试功能，并忽略不需要的所有内容

这是一篇关于如何使用现代化的好文章

---

如果您想超越Modernizer，可以开始使用新的CSS规则@支持功能检测。这条规则是规则的一部分。由于这条规则，只有当浏览器支持CSS样式时，您才能有选择地应用它们。否则，浏览器将忽略这些样式。它的语法与CSS媒体查询非常相似。

您希望检测哪种功能？大多数功能都可以通过检测。如果不解释您要检测的功能，这个问题将无法回答，并且很可能会被关闭。@Stifle这不是关于单个功能，而是关于这方面的最佳实践。您要检测哪个功能？大多数功能都可以通过检测。如果不解释要检测的功能，这个问题将无法回答，并且很可能会被关闭。@Stifle这不是关于单个功能，而是关于这方面的最佳实践是什么。