JS調試過程？

Question

場景：我有一個在第三方網站上使用的插件，我必須調試一些衝突的JS和CSS。除了出現問題的公共頁面之外，我無法訪問其網站上的任何內容。 JS全部縮小了，並且有很多。

我如何讓Firebug（或別的什麼）美化它在顯示我時試圖調試的JS？

有沒有辦法告訴調試器單步執行每一行JS，單擊某個元素後執行，或者以逐步的方式公開正在執行的部分內容？

是否有關於如何在Web上某處執行此類事情的最新概述，或者在此處如何？

Answer 1

Chrome開發人員工具可以展開縮小的代碼，使其更具可讀性。您還可以爲DOM中的更改設置斷點並查看正在偵聽的事件。

您還應該查看源地圖（請參閱http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/），您可能會發現它們可能對從縮小到非縮小源代碼的映射有用。

Answer 2

您可以使用Chrome開發人員工具。或本網站

1. JS Beautifier