如何检测哪个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走下去）