检测哪些脚本对 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 的脚本。