IE 브라우저에서 Ajax load 콘텐츠 확인

작업 중인 쇼핑몰 솔루션에서 IE8이하 버전에서 jQuery load를 이용해 로딩한 컨텐츠가 보이지 않는 문제가 있어 로딩된 컨텐츠를 살펴보기 위한 방법으로 Fiddler를 설치했다. Chrome 등에서는 개발자 도구를 이용해 바로 확인할 수 있으나 IE8에서는 불가능하기 때문에 프로그램을 설치하게 된 것이다.

Fiddler 다운로드 : http://fiddler2.com/

Fiddler는 무료이며 웹개발시 디버깅 목적으로 많이 사용하고 있다. IE뿐만 아니라 다양한 브라우저를 지원하기 때문에 웹개발시는 필수라고 생각해도 좋을 것 같다. Fiddler를 실행한 상태에서 인터넷에 접속하게 되면 모든 로그가 Fiddler에 수집된다.

내가 원했던 Ajax 컨텐츠 확인 컨텐츠를 load 하는 파일을 왼쪽 리스트에서 선택한 후 오른 쪽 하단의 TextView 탭을 클릭하면 내용을 확인할 수 있다. Fiddler를 이용해 컨텐츠 로드 파일에 닫는 div 태그가 하나 더 들어가 있어 문제가 발생했다는 것을 알게됐다.