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

如何调试 javascript? (想定位 网页中的一些点击事件,执行了 js 文件中的哪些函数)

  •  1
     
  •   daiv · 2016-04-06 08:44:04 +08:00 · 2843 次点击
    这是一个创建于 3153 天前的主题,其中的信息可能已经有所发展或是发生改变。
    对于 javascript ,只会一些简单的 jquery 。所以来请教大家如何分析网页中的一些事件的。

    例如:
    http://caipiao.163.com/order/jczq-hunhe/
    对于那些注选项的按钮,点击后,会有一些 js 函数执行,有没有工具能进行定位+分析吗?

    我尝试了一下 chrome dev tools ,不是很会用。

    希望能找到一些详细的针对这个型的入门资料。

    15 条回复    2016-04-07 11:38:16 +08:00
    jugelizi
        1
    jugelizi  
       2016-04-06 09:00:46 +08:00
    firebug
    daiv
        2
    daiv  
    OP
       2016-04-06 09:02:33 +08:00
    @jugelizi 第一次用 firebug ,我现在去试试,
    m939594960
        3
    m939594960  
       2016-04-06 09:37:22 +08:00   ❤️ 1
    大概就是这样。。
    allenwu
        4
    allenwu  
       2016-04-06 09:39:03 +08:00
    Visual Event
    daiv
        5
    daiv  
    OP
       2016-04-06 10:18:31 +08:00
    @m939594960 为什么我的是空白的?
    daiv
        6
    daiv  
    OP
       2016-04-06 10:26:04 +08:00
    @allenwu Visual Event 我试了 chrome 的扩展,不是很好用。谢谢你
    daiv
        7
    daiv  
    OP
       2016-04-06 10:28:17 +08:00
    @m939594960 已发现问题,不会空白了,现在学习如何分析
    baconrad
        8
    baconrad  
       2016-04-06 12:30:37 +08:00
    @daiv

    https://developer.chrome.com/devtools/docs/javascript-debugging

    這篇介紹的挺詳細的,可以下斷點和逐步執行。
    daiv
        9
    daiv  
    OP
       2016-04-06 12:35:20 +08:00
    @baconrad 要是 js 代码被压缩了,断点就很不好弄呀
    jsonline
        10
    jsonline  
       2016-04-06 12:37:48 +08:00 via Android
    firebug 辣鸡
    用 Chrome
    colorfulberry
        11
    colorfulberry  
       2016-04-06 12:55:02 +08:00
    daiv
        12
    daiv  
    OP
       2016-04-06 14:12:29 +08:00
    @colorfulberry 这个我用了呀,定位以后也还是显示压缩的行号
    ETiV
        13
    ETiV  
       2016-04-06 14:52:56 +08:00 via iPhone
    Chrome 我不知道哪儿有查看元素事件绑定的地方, Firefox firebug 就有
    colorfulberry
        14
    colorfulberry  
       2016-04-07 11:30:38 +08:00
    @daiv 最下面有个{}这个点击一下就给你展开了!
    [pic]: https://raw.githubusercontent.com/colorfulberry/colorfulberry.github.io/master/img/debugger_js.png "pic"
    daiv
        15
    daiv  
    OP
       2016-04-07 11:38:16 +08:00
    @colorfulberry 这个功能我知道的,我的意思是: 元素事件绑定显示的行号,和原始的一样,压缩后,基本是 1-3 行,而无法具体找出
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1045 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 289ms · UTC 23:21 · PVG 07:21 · LAX 15:21 · JFK 18:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.