如何检查浏览器是否支持Webanimation API?

安德烈亚斯·加尔斯特(Andreas Galster)

有没有一种方法可以检查浏览器是否支持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.animateFirefox 48(当前为Beta)中的播放控制功能。

我不希望Safari或Edge都不会在Element.animate 没有播放控制的情况下发布。

但是,规范中的其他功能尚未由任何浏览器提供,例如finished承诺,effect属性或附加动画(尽管其中一些功能在Firefox Nightly / DevEdition和Chrome Canary中可用)。如果您依赖这些功能中的任何一个,那么您可能仍需要使用polyfill。

另外,polyfill应该在可用时回退到本机实现,但是我想您正在尝试避免完全下载polyfill?

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

检查当前浏览器是否支持JS API函数

来自分类Dev

测试浏览器是否支持Web Audio Api的简单方法?

来自分类Dev

使用Dart检查浏览器中是否提供HTML5 API

来自分类Dev

使用Dart检查浏览器中是否提供HTML5 API

来自分类Dev

使用api检查文件是否正在Chrome浏览器中下载

来自分类Dev

如何检查浏览器是否支持<input type =“ time” />

来自分类Dev

如何检查浏览器是否支持webkit目录?

来自分类Dev

如何检查浏览器是否支持影子DOM

来自分类Dev

如何检查浏览器是否支持css值?

来自分类Dev

检查浏览器是否支持MutationObserver

来自分类Dev

如何检查浏览器对AngularJS的支持?

来自分类Dev

如何检查浏览器对AngularJS的支持?

来自分类Dev

如何检查浏览器是否打开

来自分类Dev

检查浏览器是否支持 svg#Text 功能

来自分类Dev

如何检查浏览器是否支持-webkit-text-stroke

来自分类Dev

如何检查我的浏览器是否支持HTML5 Canvas混合模式?

来自分类Dev

如何从Visual Studio Code API打开浏览器

来自分类Dev

如何使用浏览器进行基本的REST API调用

来自分类Dev

如何通过浏览器JavaScript访问Docusign API?

来自分类Dev

如何从浏览器中的JSON API查看结果

来自分类Dev

如何为浏览器性能运行Node API测试

来自分类Dev

如何禁用新的Chrome浏览器蓝牙API?

来自分类Dev

如何使用Chrome浏览器API更改chrome:// flags?

来自分类Dev

ImageCapture API的替代品,可提供更好的浏览器支持

来自分类Dev

如果我在 API 中使用 POST 方法,如何通过在 url 中传递值来检查浏览器中的 php API?

来自分类Dev

Google API的-服务器密钥和浏览器密钥是否有效?

来自分类Dev

如何测试浏览器是否支持loading ='lazy'?

来自分类Dev

如何确定浏览器是否支持js pushState函数?

来自分类Dev

如何确定浏览器是否支持Promise

Related 相关文章

  1. 1

    检查当前浏览器是否支持JS API函数

  2. 2

    测试浏览器是否支持Web Audio Api的简单方法?

  3. 3

    使用Dart检查浏览器中是否提供HTML5 API

  4. 4

    使用Dart检查浏览器中是否提供HTML5 API

  5. 5

    使用api检查文件是否正在Chrome浏览器中下载

  6. 6

    如何检查浏览器是否支持<input type =“ time” />

  7. 7

    如何检查浏览器是否支持webkit目录?

  8. 8

    如何检查浏览器是否支持影子DOM

  9. 9

    如何检查浏览器是否支持css值?

  10. 10

    检查浏览器是否支持MutationObserver

  11. 11

    如何检查浏览器对AngularJS的支持?

  12. 12

    如何检查浏览器对AngularJS的支持?

  13. 13

    如何检查浏览器是否打开

  14. 14

    检查浏览器是否支持 svg#Text 功能

  15. 15

    如何检查浏览器是否支持-webkit-text-stroke

  16. 16

    如何检查我的浏览器是否支持HTML5 Canvas混合模式?

  17. 17

    如何从Visual Studio Code API打开浏览器

  18. 18

    如何使用浏览器进行基本的REST API调用

  19. 19

    如何通过浏览器JavaScript访问Docusign API?

  20. 20

    如何从浏览器中的JSON API查看结果

  21. 21

    如何为浏览器性能运行Node API测试

  22. 22

    如何禁用新的Chrome浏览器蓝牙API?

  23. 23

    如何使用Chrome浏览器API更改chrome:// flags?

  24. 24

    ImageCapture API的替代品,可提供更好的浏览器支持

  25. 25

    如果我在 API 中使用 POST 方法,如何通过在 url 中传递值来检查浏览器中的 php API?

  26. 26

    Google API的-服务器密钥和浏览器密钥是否有效?

  27. 27

    如何测试浏览器是否支持loading ='lazy'?

  28. 28

    如何确定浏览器是否支持js pushState函数?

  29. 29

    如何确定浏览器是否支持Promise

热门标签

归档