[问题] 如何找出执行了哪些function?

楼主: aoksc (重出江湖)   2018-09-21 00:29:25
想请教各位
如果你接手到js非常乱
一个js档都是几百行起跳
那要找到某个tag触发了哪些事件各位都是怎么找的?
因为小弟我在找的时候大概不外乎就是用id或class去整个专案搜寻
去看看可能哪里有call到
但这种方式对于写法很奇杷或是重复名称太多code
往往连从哪里开始都无从查起或是要查的非常久
再不然就是要下一大堆debugger看那一个地方他停住了
想请问各位在trace javascript code的时候
是不是有什么技巧可以分享
或是有什么资料可以推荐给小弟呢?
感谢
作者: InfinityGate (小鸟)   2018-09-21 00:59:00
dev tools 直接看绑了哪些 Event Listener
作者: jhnny97 (≡(  ゚Д゚))   2018-09-22 20:06:00
你可以试试在第一支JS设一个breakpoint,然后一步步跳
作者: InfinityGate (小鸟)   2018-09-23 23:05:00
console.trace()完全没有任何线索可以塞trace吗?jquery可以试试用visual event找
作者: othree (OOO)   2018-09-24 23:38:00
DevTool Performance 录一下你想查的事件
作者: rexyeah (ccccccc)   2018-09-28 10:35:00
你可以对HTML ele下中断点看哪个事件修改节点或属性
作者: visa9527 (高级伴读士官长)   2018-10-02 15:38:00
现在 Firefox 的 console 不是已经可以看经历过的所有function了? 不过若有用递回的话你会看得很花

Links booklink

Contact Us: admin [ a t ] ucptt.com