웹개발시에 AJAX 를 이용하게 되면서 개발자 스스로 Debugging 을 위해 original source 가 아닌 generated source ( ajax callback function 에 의해 dynamic 하게 생성된 컨텐츠 ) 가 필요하게 되었고, Error Reporting 을 위해서도 단순히 화면 캡쳐가 아닌 error 를 포함한 실제 source 가 필요하게 되었습니다.

 개발자는 Firefox 를 이용하는 경우가 많고 필요에 의해서 선택 가능하지만, Error Reporting 을 위해서는 IE 또한 필요하므로 IE 의 경우도 살펴보고자 합니다.

Internet Explorer
 IE 의 경우는 IE Developer Toolbar 의 메뉴중 View -> Source -> Dom (Page) 항목에서 Generated Source 를 볼 수 있지만, 페이지가 큰 경우 IE 가 다운 되는 증상이 있습니다.
좀 더 간단한 방법으로는 javascript:'<xmp>'+window.document.body.outerHTML+'</xmp>'
를 브라우저 주소창에 넣고 Enter 를 누르면 Generated Source 를 확인하실 수 있습니다.

Firefox
 Firefox 의 경우는 Web Developer Plug-In 메뉴중 View Source -> View Generated Source 를 이용하여 확인 하실 수 있습니다.
 Firefox 의 경우 그 이외에도 Firebug, YSlow 등 Web Development 에 도움이 되는 훌륭한 툴들이 많이 있습니다.


references
http://ericappel.net/blog/ViewHTMLSourceGeneratedByAJAX.aspx

+ Recent posts