有没有一种方法可以检查浏览器是否支持webanimation API,以便我们不需要加载webanimations polyfill?
github上的文档讨论了Element.animate和Playback Control。我可以检查元素上的$ 0.animate,但不知道如何检查“播放”控件。这是检查我们是否需要polyfill的准确方法吗?
如果Element.animate
存在,我认为也可以进行播放控制。
Chrome最初Element.animate
在Chrome 36中提供了支持。它在Chrome 39中添加了播放控制功能,该功能已经发布很长时间了(当前的Chrome是51)。
Firefox将附带Element.animate
Firefox 48(当前为Beta)中的播放控制功能。
我不希望Safari或Edge都不会在Element.animate
没有播放控制的情况下发布。
但是,规范中的其他功能尚未由任何浏览器提供,例如finished
承诺,effect
属性或附加动画(尽管其中一些功能在Firefox Nightly / DevEdition和Chrome Canary中可用)。如果您依赖这些功能中的任何一个,那么您可能仍需要使用polyfill。
另外,polyfill应该在可用时回退到本机实现,但是我想您正在尝试避免完全下载polyfill?
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句