如何檢測哪個JavaScript方法更改了我的HTML元素？

Question

我正在使用JS庫，它似乎錯誤地將SVG元素放置在我的DIV中。我該如何調試庫的哪一部分導致這種情況？什麼是程序或有用的代碼？

Answer 1

雖然使用調試器會是一條路，但您也可以將該值設置爲setter，然後使用它來打破值的變化點。例如與

HTML

<div id="a" style="color: red;">My color changes</div> 

和

腳本

Object.defineProperty(document.getElementById("a").style, "color", { set: function (x) { alert(x); } }); 
document.getElementById("a").style.color = "blue"; 

只是把一個斷點在alert(x)，你會直接從突破一個水平遠指向值被改變的地方（只需沿着callstack）