Grails - как просмотреть полученный javascript исходного кода страницы, когда он обновляется через Ajax, например, путем рендеринга шаблона

Question

Если кто-то использует функцию remoteFunction или одну из возможностей Grails Ajax, отображая шаблон для обновления части страницы, как можно увидеть какие-либо дополнения к функциям Javascript, связанные с получающейся страницей в Chrome или Firefox?

В Chrome можно увидеть обновленную страницу / DOM, перейдя в пункт меню «Инструменты» -> «Инструменты разработчика» и выбрав «Элементы». Там я могу использовать увеличительное стекло, чтобы выбрать часть обновленной страницы, которую я хочу увидеть. Но как я также вижу дополнительные функции Javascript, добавленные на страницу.

ПРИМЕЧАНИЕ. Первоначально этот вопрос требовал просмотра содержимого html-элементов и содержимого Javascript. Ответ Karthick AK обрабатывает оба.

Answer 1

В Chrome-> Инструмент разработчика-> вкладка Сеть, Для каждого отправляемого запроса полученный ответ можно увидеть на вкладке «Ответ». Визуализированный контент можно увидеть здесь.

Похожая опция существует для firefox / firebug. Еще одна проблема с Ajax, с которой я столкнулся, заключается в том, что иногда запросы AJAX кэшируются, и, следовательно, по щелчку содержимое подается из кэша, а не реальные запросы попадают на сервер. Это более заметно в старых браузерах IE