html - 如何通过渐进增强在CSS中提供多层次支持

Question

最近我读完了 Filament Group 的《Designing with Progressive Enhancement》。在书中，他们讨论了基于测试浏览器功能提供两个级别的支持。如果浏览器通过测试，它将获得建立在基本之上的增强体验。如果浏览器出现故障，它只会获得基本体验。从理论上讲，这是完全有道理的，并且真正让人们明白，这就是网站应该如何构建的方式。

读完这本书后，我查看了 enhance.js，这是他们在书中提到的一个脚本，用于测试浏览器功能(https://github.com/filamentgroup/EnhanceJS 和本书之后的新版本 https://github.com/filamentgroup/enhance)。在脚本中，没有办法像我预期的那样测试特定的 css 功能。当然，您可以测试盒模型支持，但如果我的布局依赖于 display: table 怎么办？有没有人测试这样的功能？这样做是否可行？

Answer 1

Modernizr是一个流行的库，提供类似的能力测试。可以在 download 上选择多种预构建测试。页面，包括用于测试 display: table 的页面(非核心检测 部分中的 css-displaytable)。他们还收藏了 polyfills这有助于弥补您可能想要使用的一些缺失功能。