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

Is there a javascript solution for CSS browser support of new features?

我正在使用最近的 CSS 功能,例如视口单元和弹性框。这些非常适合制作流畅的布局,并摆脱额外的标记和肮脏的 CSS hacks。

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

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

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

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

谢谢。

您要查找的通常称为 "polyfill"。

有许多 polyfill 可用...通常每个功能都有几个。您可以找到像 Webshim 这样的软件包,其中有许多开箱即用:http://afarkas.github.io/webshim/demos/

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