2011-09-14 40 views
1

私は、AJAXを使用してページのいくつかの部分がバックエンドからロードされるJSPページを持っています。たとえば、最初にページを開くと、URLはhttp://www.made-up-domain-name-because-of-stack-overflow-restrictions.com/listUsers.doになります。このページには、「add user」ボタンがあり、HTMLコンテンツ(フォームなどを含む)をバックエンドからdiv要素(id "addArea")にロードします。リクエストはバックグラウンドで行われるため、URLは常に(自然に)同じままです。ブラウザでAJAXを読み込んだJSコードを表示するにはどうすればよいですか?

問題は、AJAXを使用して読み込まれたコンテンツは、どのような手段でも完全に表示できないということです。

Firefoxの使用Firebugアドオンと「要素の検査」で新しいHTMLを見ることができますが、script-tags内のコンテンツは表示されません(Firebugの「Script」タブにはありません最初に読み込まれたスクリプトがそこに現れます)。 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

あなたはそのためのJavaScript Deobfuscator extensionを使用することができます。この質問のために受け入れ答えを参照してください。動的に読み込まれたものを含め、Webページ上でどのスクリプトがコンパイル/実行されているかを示すことができます。

+0

ありがとう、ありがとう。 – simon

関連する問題