如何在浏览器中查看用AJAX加载的JS代码?

时间:2011-09-14 12:33:11

标签: ajax firefox browser reload

我有一个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和“Inspect element”,但是脚本标签中的内容不是那么可见的(也不在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?

1 个答案:

答案 0 :(得分:1)

您可以使用JavaScript Deobfuscator extension。它可以显示在网页上编译/执行的脚本 - 包括动态加载的脚本。