2012-02-17 9 views
2

動的に読み込まれたAJAXコンテンツのHTMLコードソースにアクセスしようとしています。どうすればいい? Gmailの場合、メインのリストでこの電子メールのディスカッションの行をクリックしたときにのみ読み込まれる、特定の電子メールディスカッションのコンテンツ(特定の電子メールディスカッションのさまざまなエントリ)のHTMLコードにアクセスしようとしています。私がアクセスできるコードソースは、最初にロードされたページ(すべての電子メールの議論のリスト)のみです。何か案が?動的に読み込まれるHTMLコンテンツのコードソースを取得する(Chrome/Gmail)

答えて

5

ページを右クリックし、[要素の検査]を選択します。要素ビューは、JavaScriptがページに変更を加えたときに更新されますが、「ソースの表示」ビューでは、ページが読み込まれたときの内容のみが表示されます。

+0

注:これはChrome固有のものです。 – egrunin

+7

質問タイトルはChromeと言います。 – ohaal

+0

これは常に機能するとは限りません。CSSインスペクタは、実際にブラウザによってレンダリングされたものを表示します。場合によっては、ブラウザに無視されるエラー(誤ったタグや間違ったタグなど)があり、エラーが発生することがあります。これは出所で明らかになるが、検査官には欠けている。 –

1

「表示ソース」を右クリックすると、表示されているページのリロードされたバージョンの内容が表示されます。

Chromeの[要素の検査](Ctrl + Shift + iキー)を使用すると、動的コンテンツのソースが表示されます。

+1

最近のバージョンのIEでは:F12を押します。 – egrunin

1

私はあなたがajaxを使用して最初のページを読み込んだ後にロードされたDOM要素にイベントをバインドしたいと思います。もしそうなら、jQueryライブラリを使うことができ、jqueryのライブメソッドを使うことができます。

ここではライブメソッドのリンクを確認できます。

http://api.jquery.com/live/

あなたは ダウンロードjQueryの最新のライブラリを必要なもの(http://docs.jquery.com/Downloading_jQuery) 、その後は頭 内のスクリプトに含めるかを使用できhttp://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

CDNその後、 <script> $(document).ready(function(){ $("#ajax_dom_element_id").live('click_or_any_event',function(){ code snippet you wan dot を次のように行います0 }); </script>

私はそれが参考になると思います。

関連する問題