У меня есть страница JSP, где некоторые части страниц загружаются из бэкэнда с использованием AJAX. Например, когда я впервые открываю страницу, URL-адрес http://www.made -up-domain-name-because-of-stack-overflow-restrictions.com / listUsers.do . Страница содержит кнопку «Добавить пользователя», которая загружает содержимое HTML (содержащее форму и т. Д.) Из серверной части в элемент div с идентификатором «addArea». URL-адрес остается неизменным все время (естественно), так как запрос выполняется в фоновом режиме.
Проблема, с которой я столкнулся, заключается в том, что содержимое, загружаемое с помощью AJAX, не полностью доступно для просмотра какими-либо средствами.
Используя Firefox, я вижу новый HTML-код с надстройкой Firebug и «Inspect element», но содержимое тегов script не отображается таким образом (также не на вкладке «Script» в Firebug - только там появляются изначально загруженные скрипты). Если я использую «Просмотр исходного кода страницы» в FF, выполняется перезагрузка страницы, и я не вижу вновь созданный контент (я вижу только содержимое страницы http://www.made -up-domain-name-потому-of- stack-overflow-restrictions.com/listUsers.do, как это было при первой загрузке).
С Chrome у меня та же проблема, что и с Firefox.
Используя IE, я вижу только оригинальный источник.
Конечно, я могу обойти это, добавив механизмы отладки в код JS и работая наполовину вслепую, или переместив части кода JS во внешние файлы и т. Д., Но, если возможно, я бы предпочел просто просмотреть код загружен с использованием AJAX. Любые предложения, возможно, с использованием какого-либо дополнения?
Обновление: Есть лучший способ: см. Принятый ответ на этот вопрос: Как отлаживать динамически загружаемый JavaScript (с помощью jquery) в самом отладчике браузера?