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

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

本文关键字：新功能 javascript 解决方案支持浏览器用于 CSS 是否更新时间：2023-09-26

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

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

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

我是这个的唯一开发人员，使一堆布局与旧浏览器兼容的想法是......嗯，令人生畏。我刚刚开始，所以我不妨使用旧的CSS技术，但我真的很想使用最新的东西。

有很多

新的、很酷的东西真的很糟糕，但旧的浏览器阻碍了每个人......

谢谢。

您正在寻找的内容通常称为"polyfill"。

有许多可用的填充物...通常每个功能有几个。你可以找到像Webshim这样的软件包，其中有许多开箱即用的软件包：http://afarkas.github.io/webshim/demos/

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