Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何知道JavaScript或jquery在网站或html页面的某些特定部分中使用了什么?_Javascript_Jquery_Html_Css - Fatal编程技术网

如何知道JavaScript或jquery在网站或html页面的某些特定部分中使用了什么?

如何知道JavaScript或jquery在网站或html页面的某些特定部分中使用了什么?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,不久前我在看invisionapp网站,我喜欢他的网站动画,现在我想在我的html页面中应用动画,以便我尝试找到它的工作原理 但我无法了解该动画是如何工作的,以及devloper使用哪些javascripts来应用html页面svg动画(我问的是invisionapp的网站svg动画,而不是invisionapp动画)。我也尝试保存在本地网页,但不工作 如果有人知道所有这些动画是如何工作的,或者他们使用什么js,那么请帮助我理解这些动画。 您可以使用浏览器的开发人员工具挖掘页面上加载的脚本。 以

不久前我在看invisionapp网站,我喜欢他的网站动画,现在我想在我的html页面中应用动画,以便我尝试找到它的工作原理

但我无法了解该动画是如何工作的,以及devloper使用哪些javascripts来应用html页面svg动画(我问的是invisionapp的网站svg动画,而不是invisionapp动画)。我也尝试保存在本地网页,但不工作

如果有人知道所有这些动画是如何工作的,或者他们使用什么js,那么请帮助我理解这些动画。

您可以使用浏览器的开发人员工具挖掘页面上加载的脚本。
以下是我能收集到的信息:

使用Adobe AfterEffects制作的图形/动画,通过

带插件的Greensock动画平台(GSAP):

  • 动画
  • 卷轴魔术
  • 简易软件包
  • 时间线
  • TweenLite
  • CSSPlugin
  • 属性插件
还有jQuery


那么控制这一切的代码似乎就在

web浏览器中的开发工具有一个“性能”,您可以使用它记录页面上发生的事件,并尝试找出触发事件/动画的脚本

这仍然是困难的,因为脚本可能被缩小和模糊化了