jQuery load() 함수로 호출한 페이지의 스크립트 디버깅

보통 아래처럼 호출한 페이지의 스크립트는 

$(".Layer").load(url);

브라우저 개발자 도구에서 스크립트 소스가 안나온다. 

해당 페이지의 디버깅을 하기 위해 

디버깅을 원하는 위치에 

debugger;

기록함으로써 디버깅을 할 수 있는 방법이 있으나, 

개발자 도구에서 임의로 브레이크 포인트를 걸고 디버깅을 진행하는것 보단 불편하다. 

해서 찾아본 방법인데, 대박 -_-!

//# sourceURL= /path/filename

예)

//# sourceURL=/SubjectStrategy/ListAll.jsp

//@ sourceURL= /path/filename 

위처럼 엣 기호로도 처리할 수 있으나, 

The accepted form is now with a # (hashtag) rather than @ (at symbol)

The syntax was changed to to avoid conflicts with IE conditional compilation statements and some other issues

이런 이유로 # 기호를 선호한다. 

주의 사항으로는 기호 뒤에 공백 한칸이 필수이며, 주석 처리도 필수, 그리고 물리경로에 파일명을 기록해야 한다. 

//# sourceURL= /path/filename

출처 : http://stackoverflow.com/questions/13129904/how-do-i-debug-javascript-which-was-loaded-via-ajax-specifically-jquery