有沒有一個工具來分析哪個JavaScript文件添加了某些部分的HTML /代碼？

Question

當分析一個網頁，我通常打開這些js文件一個接一個，然後讀出的源代碼，以確定哪些文件中的最終渲染頁面添加HTML的某一部分。有沒有簡單的方法/工具來解決這個問題？

Answer 1

沒有，沒有做這樣的事情的工具。瞭解自己的代碼或尋找在你試圖源HTML特定關鍵短語（如類名稱或標記名稱或一段文字）是典型的方法。

它可以用於grep修改DOM的常見方式（.innerHTML屬性，.appendChild(),.insertBefore等等，如果它是純javascript）或類似的方法在任何庫正在使用。

Answer 2

部分，你可以在Mozilla使用Firebug，並且查看HTML標籤，右鍵點擊一些標籤，並勾選「在孩子添加/刪除突破」。然後重新加載頁面。所選元素內的任何DOM更改都會暫停Javascript執行。