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

作者: chan15 (ChaN)   2015-07-02 12:10:04
未改變前
<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 執行位置
作者: evernever (Base64)   2015-07-02 12:31:00
作者: chan15 (ChaN)   2015-07-02 13:01:00
caller 不是 script 查 script 嗎?可以 trace DOM?
作者: evernever (Base64)   2015-07-02 15:02:00
抱歉, 我搞混了 = =
作者: mrbigmouth (大嘴先生)   2015-07-02 16:05:00
用chrome,畫面上點右鍵=>inspect element然後在目標dom上點右鍵=>Break on...=>Attributes modificaion 遇到變動時再trace就行了
作者: chan15 (ChaN)   2015-07-02 16:54:00
有點尷尬,他跑去找 jquery.js 了,而不是改變的 js
作者: mrbigmouth (大嘴先生)   2015-07-02 17:02:00
所以要trace啊 看jQuery上幾層stack
作者: chan15 (ChaN)   2015-07-02 17:05:00
http://i.imgur.com/BWZRHfO.png 抱歉,我現在畫面是這樣我要怎麼點選可以點到他是被 a.js 的某一行弄得
作者: mrbigmouth (大嘴先生)   2015-07-03 00:23:00
這個有用到tick 很明顯是fadeOut導致的透過setTimeout執行的code會中斷stack 很難tracehttp://goo.gl/wXDrIf 自己慢慢研究

Links booklink

Contact Us: admin [ a t ] ucptt.com