检测哪些脚本对DOM进行了更改

Question

我在页面上有一些html表单元素，并且某些脚本在页面加载时正在更改它们。正在删除其ID。我不知道如何或为什么，但是我需要深入了解它。就这么简单：

<p>
    <input id="depSymbol" class="form-control" type="text" placeholder="Symbol" />
    <button id="symCheck" class="wpsm-button white small">check</button></p>
<p>
    <input id="depTimeframe" class="form-control" type="text" placeholder="Timeframe (5, 15, 1H, 1D)" />
</p>

这是在wordpress网站上。我认为我安装的插件之一可能是造成此问题的原因，但可能是其他原因。可能的原因太多。因此，我需要知道：开发工具中是否可以使用某些工具来查看哪些脚本正在影响DOM的更改？

Answer 1

在打开Chrome Dev工具的情况下，右键单击该元素，然后选择Break on attribute modifications。然后刷新页面。它应该进入负责修改ID的脚本。