AJAX 응답 전후에 HTML의 차이를 찾기위한 Firefox 도구?

Question

HTML에 약간의 변경을 가하기 위해 AJAX 요청을 사용하는 페이지를 검사하려고합니다. 소스가 크고 AJAX 응답은 JSON/XML이 아니라 DOM을 조작하는 JavaScript 코드의 1000 줄입니다.

Firediff가 있지만 Firebug의 오래된 버전에서만 작동하는 것으로 보입니다. AJAX 호출 전후에 HTML 코드의 차이를 검사 할 수있는 다른 도구가 있습니까?

Answer 1

수정 전후에 HTML을 복사하고 결과를 비교할 수 있습니다.

PASE 결과 안전한 곳에,

• 가 '요소'탭으로 이동,
• 바로 body 태그를 클릭하고 "복사"를 선택합니다
  은 HTML을 복사합니다.
• 수정 후 반복하십시오.

수집 된 결과를 비교하려면 온라인 도구 diffchecker.com 또는 콘솔 도구 diff (linux/OS X)을 사용할 수 있습니다.

---

또는, 콘솔의 모든 DOM 변경 사항이 나열 DOMListener 같은 확장 기능을 사용할 수 있습니다.