[問題] 可以追蹤 DOM 結果是被那些 script 改變的嗎

看板Ajax作者 (ChaN)時間9年前 (2015/07/02 12:10), 編輯推噓5(508)
留言13則, 3人參與, 最新討論串1/1
未改變前 <div class="box"></div> 改變後 <div class="color" style="width: 100px; display: none;"></div> 改變的原因可能是在三個不同的 js 檔案個別被下了 // First script $('.box').width(100); // Second script $('.box').addClass('color'); // Third script $('.box').fadeOut(); 不知道有沒有辦法追蹤這個歷程反找回去 js 執行位置 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.219.144.228 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1435810207.A.301.html

07/02 12:31, , 1F
07/02 12:31, 1F

07/02 13:01, , 2F
caller 不是 script 查 script 嗎?可以 trace DOM?
07/02 13:01, 2F

07/02 15:02, , 3F
抱歉, 我搞混了 = =
07/02 15:02, 3F

07/02 16:05, , 4F
用chrome,畫面上點右鍵=>inspect element
07/02 16:05, 4F

07/02 16:06, , 5F
然後在目標dom上點右鍵=>Break on...=>Attributes mod
07/02 16:06, 5F

07/02 16:06, , 6F
ificaion 遇到變動時再trace就行了
07/02 16:06, 6F

07/02 16:54, , 7F
有點尷尬,他跑去找 jquery.js 了,而不是改變的 js
07/02 16:54, 7F

07/02 17:02, , 8F
所以要trace啊 看jQuery上幾層stack
07/02 17:02, 8F

07/02 17:05, , 9F
抱歉,我現在畫面是這樣
07/02 17:05, 9F

07/02 17:06, , 10F
我要怎麼點選可以點到他是被 a.js 的某一行弄得
07/02 17:06, 10F

07/03 00:23, , 11F
這個有用到tick 很明顯是fadeOut導致的
07/03 00:23, 11F

07/03 00:24, , 12F
透過setTimeout執行的code會中斷stack 很難trace
07/03 00:24, 12F

07/03 00:24, , 13F
http://goo.gl/wXDrIf 自己慢慢研究
07/03 00:24, 13F
文章代碼(AID): #1LbBcVC1 (Ajax)