檢測哪些腳本對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的腳本。