如何查看一个网页特定效果的js代码(动画效果可js和css)(页面可以看到js的源代码)...

本文介绍了如何查看网页中特定动画效果的JS代码,包括CSS也可能实现动画的效果。可以使用Chrome的开发者工具,通过Event Listeners、审查元素、删除法等方法定位到相关代码。同时提到,如果效果由CSS实现,审查元素即可;如果是JS,可以搜索元素ID或class找到事件绑定。
摘要由CSDN通过智能技术生成

如何查看一个网页特定效果的js代码(动画效果可js和css)(页面可以看到js的源代码)

一、总结

1、动画效果可能是 CSS 实现的,也可能是 JS 实现的。

2、直接Chrome的F12调试即可, 页面可以看到js的源代码的

 

二、如何查看一个网页特定效果的js代码

问题:

如何查看一个网页中特定效果的js代码~?比如鼠标悬浮有个动画效果如何查看对应的js代码?

 

解答:

css也可实现动画效果

回答问题一:
动画效果可能是 CSS 实现的,也可能是 JS 实现的。
如果是 CSS 实现的,审查元素就可以了
如果是 JS 实现的,通过全局搜索元素的 ID 或是 class,一般都能找到事件绑定函数。

 

删除法:

使用排除法,把网站保存到本地,逐个删除javascript代码块,看看到底是哪块在执行

 

chrome:Event Listeners

chrome 浏览器中的 F12有这个功能 'Event Listeners'
你也可以尝试使用 "Visual Event" 书签
firebug的一个插件 firequery

 

 

Chrome--审查元素--network:
<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值