如何检查浏览器是否支持webanimation API？

Question

有没有办法检查浏览器是否支持webanimation API，这样我们就不需要加载webanimations polyfill了？

github上的文档讨论Element.animate和Playback Control。我可以在元素上检查$ 0.animate，但我不确定如何检查Playback控件。这是检查我们是否需要polyfill的准确方法吗？

Answer 1

如果Element.animate存在，我认为假设播放控制也是合理的。

Chrome最初在Chrome 36中提供了Element.animate支持。它在Chrome 39中增加了播放控件，该控件已经出货很久（目前的Chrome为51）。

Firefox将发布Element.animate，包括Firefox 48（当前处于测试版）的播放控制。

我不认为Safari或Edge将会出货Element.animate没有播放控制。

不过，也有其他的功能，是不受任何浏览器出货尚未如finished承诺，请effect属性，或添加剂动画（尽管其中的一些功能在Firefox每晚/ DevEdition可用的规范的一部分和Chrome Canary）。如果你依靠任何这些功能，那么你可能仍然需要填充。

此外，polyfill应回退到本机实现时，但我想你试图避免完全下载polyfill？

Answer 2

为了增加@brianskold反应 - 我用：

if ('animate' in elementToAnimate) { 
// do something 
} else { 
// fallback code 
} 

此作品在Chrome &火狐，如果它不支持回落！