페이지의 일부가 AJAX를 사용하여 백엔드에서로드되는 JSP 페이지가 있습니다. 예를 들어, 처음 페이지를 열면 URL은 http://www.made-up-domain-name-because-of-stack-overflow-restrictions.com/listUsers.do입니다. 페이지에는 "addArea"라는 id를 가진 div 요소로 백엔드에서 HTML 컨텐트 (폼 등 포함)를로드하는 "사용자 추가"버튼이 있습니다. 요청은 백그라운드에서 수행되므로 URL은 전체 시간 (자연스럽게)으로 동일하게 유지됩니다.브라우저에서 AJAX로로드 된 JS 코드를 보는 방법은 무엇입니까?
내가 가진 문제는 AJAX를 사용하여로드 된 콘텐츠가 어떤 수단으로도 완벽하게 볼 수 없다는 점입니다.
Firefox 사용 Firebug 애드온과 "요소 검사"로 새 HTML을 볼 수 있지만 스크립트 태그 내의 내용은 보이지 않습니다 (Firebug의 "스크립트"탭에도 없음). 원래로드 된 스크립트가 거기에 나타납니다). 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?
대단히 감사합니다. – simon