请教前端朋友们怎么快速定位一个页面效果使用了哪个脚本?

2018-07-27 15:17:41 +08:00
 lsoknet

页面上几十个 jquery,如何快速找到实现某个效果的那个脚本?

1656 次点击
所在节点    问与答
7 条回复
itbeihe
2018-07-27 18:29:22 +08:00
没有办法。。。
b821025551b
2018-07-27 18:32:04 +08:00
二分查找。。。id、class 搜索。。。再加上运气
molvqingtai
2018-07-27 18:36:01 +08:00
火狐浏览器 会绑定了事件的 elment 上显示一个 ev 图标,展开就能看见事件代码,不过也不是很准
NickCarter
2018-07-27 19:47:39 +08:00
选中元素 查看 event listener
cooljs
2018-07-27 19:51:02 +08:00
jquery 的效果都是固定的,可以先看看是自己写的还是 jquery 的,自定义的效果都在自己写的 js 文件里,这种一般可以在 js 文件里搜索找对应元素的 id 或者 class,复杂的可以找父元素的 class,jquery 定义的可以直接百度,不过 jquery 里找到也没啥意义
大概率在自己写的 js 文件里
Biwood
2018-07-27 20:54:27 +08:00
打开开发者工具,切换到 Element 栏,选中有动画的 DOM 节点,右键,Break on > attribute modifications。一旦执行动画就会进入断点调试。当然,这时候断点很容易进入 jquery 源码,产生大量不必要的断点。可以在 Sources 栏,找到 jquery 文件,右键选择 Blackbox script,再调试就不会被 jquery 干扰了。
Mavious
2018-07-27 21:09:31 +08:00
排除法,用 uBlock,把一个个 js 屏蔽过去,屏蔽到特效没了——就是它了!
还有个简单的方法,把所有 js 下载下来,在文本编辑器里全盘搜索,关键词是你猜的对象名字,。我成功过…只不过搜索后发现是 ajax 提供的参数,前台没写生成逻辑,白费了我半天时间。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/474684

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX