[問題] 如何找出執行了哪些function?

看板Ajax作者aoksc (重出江湖)時間6年前 (2018/09/21 00:29)推噓4(4推 0噓 5→)

留言9則, 5人參與討論串1/1

想請教各位如果你接手到js非常亂一個js檔都是幾百行起跳那要找到某個tag觸發了哪些事件各位都是怎麼找的? 因為小弟我在找的時候大概不外乎就是用id或class去整個專案搜尋去看看可能哪裡有call到但這種方式對於寫法很奇杷或是重複名稱太多code 往往連從哪裡開始都無從查起或是要查的非常久再不然就是要下一大堆debugger看那一個地方他停住了想請問各位在trace javascript code的時候是不是有什麼技巧可以分享或是有什麼資料可以推薦給小弟呢? 感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.233.159.254 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1537460969.A.1FE.html

→

InfinityGate

09/21 00:59, 6年前 , 1^F

09/21 00:59, 1^F

→

jhnny97

09/22 20:06, 6年前 , 2^F

09/22 20:06, 2^F

感謝解答那像我用Chrome的dev tools 在event的部份如下圖 https://imgur.com/a/x92qrmG 現在假設我是要圖片zoom in zoom out是在哪裡用js寫的我推測是focus event觸發測試也應該沒錯我是直接在jquery原始檔下中斷點但它並不是用by id或by class的方式去select 如果用img、或是.focus這類的關鍵字去搜尋檔案又會找出一堆請問還有什麼有效率的方式或功能可以方便找出定義這觸發事件的源頭呢? 謝謝 ※ 編輯: aoksc (118.233.159.254), 09/23/2018 22:54:02

推

InfinityGate

09/23 23:05, 6年前 , 3^F

09/23 23:05, 3^F

所以console.trace()也是要去埋在可能的code裡面然後看看有無出現相關訊息這樣? ※ 編輯: aoksc (118.233.159.254), 09/23/2018 23:56:08