Получить исходный код динамически загружаемого HTML-контента (Chrome / Gmail)

Question

Я пытаюсь получить доступ к источнику HTML-кода динамически загружаемого содержимого AJAX.Как я мог это сделать?Например, в Gmail я пытаюсь получить доступ к HTML-коду содержания данного обсуждения по электронной почте (различные записи данного обсуждения по электронной почте), который загружается только при нажатии на строку обсуждения этого электронного письма в основном списке.Источник кода, к которому я могу получить доступ, - это только та страница, которая была первоначально загружена (список всех обсуждений по электронной почте).Есть идеи?

Answer 1

Щелкните правой кнопкой мыши на странице и выберите «Проверить элемент».Представление элемента обновляется, когда JavaScript вносит изменения в страницу, тогда как представление «Просмотр источника» отображает содержимое только с момента загрузки страницы.

Answer 2

Я думаю, что вы хотите привязать событие к элементу dom, который загружался после начальной загрузки страницы с помощью ajax. Если это так, то вы можете использовать библиотеку jQuery и использовать живой метод jquery.

Вот ссылка на живой метод, вы можете проверить это.

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

Что тебе нужно Загрузить последнюю библиотеку jquery (http://docs.jquery.com/Downloading_jQuery) а затем включить его в сценарий в голове или вы можете использовать CDN http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

тогда сделайте как <script> $(document).ready(function(){ $("#ajax_dom_element_id").live('click_or_any_event',function(){ code snippet you wan dot }); }); </script>

Я думаю, это будет полезно.

Answer 3

Если вы щелкните правой кнопкой мыши -> «Просмотреть исходный код», он покажет вам содержимое перезагруженной версии страницы, на которой вы находитесь.

Использование «Проверить элемент» (горячая клавиша CTRL + SHIFT + i) в Chrome показывает источник динамического содержимого.