尋找寫入網頁的隨機HTML標籤的來源

Question

我對網頁有一個很奇怪的問題。源HTML代碼是正確的，但是當我使用Chrome的開發人員工具檢查頁面時（字體比應該小得多），我發現在我的代碼中添加了8個HTML小標記。但是，這些標籤不存在於源代碼中。所以，我懷疑我有一個JavaScript文件將這些標籤寫入頁面。爲了增加這個祕密，我的開發或QA服務器上沒有這個問題，只有在生產中。

我如何在這個頁面上找到這些標籤的來源？即使這是導致問題的腳本，我也不知道。更糟糕的是，這不是我建立的頁面，而是繼承的頁面，HTML和Javascript代碼的狀態是可怕的。這個頁面有一個糾結的Javascript文件，所以我很難調試這個問題。

任何幫助，提示或建議將不勝感激。謝謝！

Answer 1

您可以右鍵單擊父節點並選擇Break on - >subtree modifications。這將在子節點更改時創建斷點。然後在Sources選項卡中，在它打破的地方你可以看到CallStack，所有被調用來獲取該點的方法。