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

时间:2015-03-12 01:12:10

标签: javascript css browser

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

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

我正在制作的网站使用比特币和WebSockets(据我所知,socket.io可以追溯到长轮询),所以我想也许很多用户会有点“技术娴熟”并且拥有最近的浏览器,但我真的不知道会发生什么。如果该网站看起来完全被某些人破坏了,那就太糟糕了。

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

真的很糟糕,有很多新的,很酷的东西,但旧的浏览器让每个人都回来......

谢谢。

1 个答案:

答案 0 :(得分:2)

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

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

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