如何在逐步增强的CSS中提供多级支持

时间:2013-02-12 15:01:23

标签: html css progressive-enhancement

最近,我读完了Filament Group的Progressing Enhancement设计。在本书中,他们讨论了基于测试浏览器功能提供两个级别的支持。如果浏览器通过测试,它将获得基于基础的增强体验。如果浏览器失败,它只是获得基本体验。在纸面上,这是完全合理的,并且真正推动了这就是网站的构建方式。

在我完成本书后,我查看了enhance.js,这是他们在测试浏览器功能的书(https://github.com/filamentgroup/EnhanceJS以及自书https://github.com/filamentgroup/enhance以来的新版本)中查看的脚本。在脚本中,没有办法像我预期的那样测试特定的css功能。当然,你可以测试盒子模型的支持,但是如果我的布局依赖于display:table呢?有没有人测试过这样的功能?这样做是否实际可行?

1 个答案:

答案 0 :(得分:1)

Modernizr是一个流行的库,提供类似的功能测试。可以在download页面上选择一系列预先构建的测试,包括在{em}中测试display: table css-displaytable ) >非核心检测部分)。他们还托管了polyfills的集合,可以帮助弥补您可能想要使用的一些缺失功能。