作者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/m.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