作者chan15 (ChaN)
看板Ajax
标题[问题] 可以追踪 DOM 结果是被那些 script 改变的吗
时间Thu Jul 2 12:10:04 2015
未改变前
<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://webptt.com/cn.aspx?n=bbs/Ajax/M.1435810207.A.301.html
2F：→ chan15: caller 不是 script 查 script 吗？可以 trace DOM？ 07/02 13:01
3F：推 evernever: 抱歉, 我搞混了 = = 07/02 15:02
4F：推 mrbigmouth: 用chrome，画面上点右键=>inspect element 07/02 16:05
5F：→ mrbigmouth: 然後在目标dom上点右键=>Break on...=>Attributes mod 07/02 16:06
6F：→ mrbigmouth: ificaion 遇到变动时再trace就行了 07/02 16:06
7F：→ chan15: 有点尴尬，他跑去找 jquery.js 了，而不是改变的 js 07/02 16:54
8F：推 mrbigmouth: 所以要trace啊 看jQuery上几层stack 07/02 17:02
10F：→ chan15: 我要怎麽点选可以点到他是被 a.js 的某一行弄得 07/02 17:06
11F：推 mrbigmouth: 这个有用到tick 很明显是fadeOut导致的 07/03 00:23
12F：→ mrbigmouth: 透过setTimeout执行的code会中断stack 很难trace 07/03 00:24