9

화면 새로 고침을 방지하기 위해 실시간으로 ajax를 사용하는 옵션으로 사용자가 선택한 것을 기반으로 javascript 파일을 동적으로 추가하는 웹 응용 프로그램이 있습니다.동적으로 추가 된 javascript 파일 디버깅

동적으로 추가 된 javascript 파일을 디버깅하려고하고 있으며 Google 크롬의 개발자 도구와 Firebug의 Firefox 용 플러그인을 모두 시도했으며 동적으로 추가 된 javascript "파일"이 나타나지 않아 선택할 수 없음을 확인했습니다. 그 (것)들은 중단 점 등등을 추가하기 위하여.

이렇게, 동적으로 추가 된 javascript 파일을 ie, ie 이것을위한 해결책 있는가?

답변

6

중단 점을 설정하려는 동적 스크립트에 debugger; 문을 추가 할 수 있습니다. developper 도구 UI가 열리는 동안 실행 스레드가 명령문에 도달하면 일반 중단 점처럼 크롬이 멈추게됩니다.

또한 스크립트를 디버거에 표시 할 수 있도록 스크립트를 시작한 다음 원하는 위치에서 수동으로 중단 점을 설정할 수 있습니다.

+0

이것은 크롬에서 효과가있는 것 같습니다. 어떻게 위의 해결책이 방화범 뚜껑과 함께 작동하지 않는 것처럼 방화범 뚜껑에서 작동하도록 할 수 있습니까? – oshirowanen

18

DevTools에 eval 된 문자열을 실제 파일로 처리해야 함을 나타내는 방법 인 sourceURL을 확인하십시오. 그것은 당신이 찾고있는 것을 정확하게합니다. 거기에서

//# sourceURL=app/js/myapp.js 

은, 크롬 DevTools로 (그리고 방화범)는 "실제 파일"로이 문제를 처리합니다 : 문자열의 끝에서

이 양식의 코멘트를 남겨, evaled합니다.

Much more explanation here 및 HTML5 Rocks는 an articlesourceURL demo입니다.

+0

IE가 조건부 컴파일을 위해'// @'지시문을 사용하기 때문에이 기능은'// # sourceURL = app/js/myapp.js'로 변경되었습니다. –

+0

@JamesHulse thx. 업데이트되었습니다. –

관련 문제