[问题] 可以追踪 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