V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
lsoknet
V2EX  ›  问与答

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

  •  
  •   lsoknet · 2018-07-27 15:17:41 +08:00 · 1655 次点击
    这是一个创建于 2304 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    7 条回复    2018-07-27 21:09:31 +08:00
    itbeihe
        1
    itbeihe  
       2018-07-27 18:29:22 +08:00
    没有办法。。。
    b821025551b
        2
    b821025551b  
       2018-07-27 18:32:04 +08:00
    二分查找。。。id、class 搜索。。。再加上运气
    molvqingtai
        3
    molvqingtai  
       2018-07-27 18:36:01 +08:00 via Android
    火狐浏览器 会绑定了事件的 elment 上显示一个 ev 图标,展开就能看见事件代码,不过也不是很准
    NickCarter
        4
    NickCarter  
       2018-07-27 19:47:39 +08:00 via iPhone
    选中元素 查看 event listener
    cooljs
        5
    cooljs  
       2018-07-27 19:51:02 +08:00
    jquery 的效果都是固定的,可以先看看是自己写的还是 jquery 的,自定义的效果都在自己写的 js 文件里,这种一般可以在 js 文件里搜索找对应元素的 id 或者 class,复杂的可以找父元素的 class,jquery 定义的可以直接百度,不过 jquery 里找到也没啥意义
    大概率在自己写的 js 文件里
    Biwood
        6
    Biwood  
       2018-07-27 20:54:27 +08:00   ❤️ 1
    打开开发者工具,切换到 Element 栏,选中有动画的 DOM 节点,右键,Break on > attribute modifications。一旦执行动画就会进入断点调试。当然,这时候断点很容易进入 jquery 源码,产生大量不必要的断点。可以在 Sources 栏,找到 jquery 文件,右键选择 Blackbox script,再调试就不会被 jquery 干扰了。
    Mavious
        7
    Mavious  
       2018-07-27 21:09:31 +08:00 via iPad
    排除法,用 uBlock,把一个个 js 屏蔽过去,屏蔽到特效没了——就是它了!
    还有个简单的方法,把所有 js 下载下来,在文本编辑器里全盘搜索,关键词是你猜的对象名字,。我成功过…只不过搜索后发现是 ajax 提供的参数,前台没写生成逻辑,白费了我半天时间。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2905 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 08:46 · PVG 16:46 · LAX 00:46 · JFK 03:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.