检测哪些脚本对 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 开发工具后，右键单击该元素并选择Break on attribute modifications。然后刷新页面。它应该中断负责修改 ID 的脚本。