[問題] 如何找出執行了哪些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