javascript - 是否有 CSS 浏览器支持新功能的 javascript 解决方案？

Question

我正在使用最新的 CSS 功能，例如视口(viewport)单位和 flexbox 。这些非常适合制作流畅的布局，并摆脱额外的标记和肮脏的 CSS hacks。

我正在使用无前缀来处理一些 vendor 前缀问题，但这让我开始思考，是否有任何类型的脚本可以检测最近 CSS 功能的使用并以某种方式进行计算以呈现元素正确使用该功能？ (当然，如果浏览器不支持这些功能)

我正在制作的网站使用了比特币和 WebSocket(据我所知，socket.io 回落到长轮询)，所以我想也许许多用户会有点“精通技术”并且最近的浏览器，但老实说，我真的不知道会发生什么。如果网站对某些人来说看起来完全崩溃，那就太糟糕了。

我是这方面的唯一开发者，让一堆布局与旧版浏览器兼容的想法……好吧，令人望而生畏。我才刚刚开始，所以我还不如使用旧的 CSS 技术，但我真的很想使用最新的东西。

真的很糟糕，有很多新的、很酷的东西，但是旧的浏览器让每个人都退缩了......

谢谢。

Answer 1

您正在寻找的通常称为“polyfill”。

有许多 polyfills 可用……通常每个特性都有几个。您可以找到像 Webshim 这样的包，其中有许多开箱即用:http://afarkas.github.io/webshim/demos/

使用http://caniuse.com/检查浏览器兼容性。它经常在评论部分链接到 polyfill。