如何在瀏覽器中查看用AJAX加載的JS代碼？

Question

我有一個JSP頁面，其中頁面的某些部分使用AJAX從後端加載。例如，當我第一次打開該頁面時，URL是http://www.made-up-domain-name-because-of-stack-overflow-restrictions.com/listUsers.do。該頁面包含一個「添加用戶」按鈕，它從後端加載HTML內容（包含表單等）到ID爲「addArea」的div元素。 URL始終保持相同（自然），因爲請求是在後臺完成的。

我遇到的問題是，使用AJAX加載的內容不能以任何方式完全查看。

使用Firefox我可以看到帶有Firebug插件和「檢查元素」的新HTML，但腳本標籤內的內容不可見（也不在Firebug的「腳本」選項卡中 - 僅限於最初加載的腳本出現在那裏）。如果我在FF中使用「查看頁面源代碼」執行頁面重新加載，並且沒有看到新生成的內容（我只能看到頁面http://www.made-up-domain-name-because-of-stack-overflow-restrictions.com/listUsers.do與第一次加載時相同的內容）。

使用Chrome我遇到了與Firefox相同的問題。

使用IE我只看到原始來源。

當然，我可以通過向JS代碼添加調試機制和半盲工作，或將JS代碼的部分移動到外部文件等方式來解決此問題，但如果以任何方式可能，我寧願只是查看使用AJAX加載的代碼。任何建議，也許使用一些附加？

更新：有一個更好的辦法：看到這個問題，接受的答案：How to debug dynamically loaded javascript(with jquery) in the browser's debugger itself?

Answer 1

可以使用JavaScript Deobfuscator extension了點。它可以顯示在網頁上編譯/執行的腳本 - 包括動態加載的腳本。