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

[chan15 (ChaN)]

未改變前

<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
推 evernever: 試試看 https://goo.gl/nPjjB0
→ chan15: caller 不是 script 查 script 嗎？可以 trace DOM？
推 evernever: 抱歉, 我搞混了 = =
推 mrbigmouth: 用chrome，畫面上點右鍵=>inspect element
→ mrbigmouth: 然後在目標dom上點右鍵=>Break on...=>Attributes mod
→ mrbigmouth: ificaion  遇到變動時再trace就行了
→ chan15: 有點尷尬，他跑去找 jquery.js 了，而不是改變的 js
推 mrbigmouth: 所以要trace啊  看jQuery上幾層stack
→ chan15: http://i.imgur.com/BWZRHfO.png 抱歉，我現在畫面是這樣
→ chan15: 我要怎麼點選可以點到他是被 a.js 的某一行弄得
推 mrbigmouth: 這個有用到tick 很明顯是fadeOut導致的
→ mrbigmouth: 透過setTimeout執行的code會中斷stack  很難trace
→ mrbigmouth: http://goo.gl/wXDrIf 自己慢慢研究