如何检测哪个 JavaScript 方法更改了我的 HTML 元素

How do I detect which JavaScript method changed my HTML element?

本文关键字:方法 我的 元素 HTML JavaScript 何检测 检测      更新时间:2023-09-26

我正在使用JS库,它似乎错误地将SVG元素放置在我的DIV中。如何调试库的哪个部分导致此问题?过程或有用的代码是什么?

虽然使用调试器是可行的方法,但您也可以将值设置为资源库,然后使用它来中断值更改的点。例如

.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)上放置一个断点,您就可以直接从更改值的点处中断一个级别(只需沿着调用堆栈向下)