Avatar for Username

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

이 쓰레드는 보존되었습니다. 만약 도움이 필요하시면 새로운 질문을 올려주세요.

How do I view and debug code in dynamically-loaded scripts?

  • 1 답장
  • 2 이 문제를 만남
  • 1 보기
  • 최종 답변자: qschnehage

qschnehage
qschnehage
more options

I have a project in which HTML and JavaScript snippets are loaded via JQuery. These contain code which is then executed.

In Firefox and Firefox Developer Edition, how may I set breakpoints and debug this code?

I'm able to view this code by using the links provided when logging something to the console, but this only allows me to view the code. Any breakpoints I set are not valid when the script is run again.

I have a project in which HTML and JavaScript snippets are loaded via JQuery. These contain code which is then executed. In Firefox and Firefox Developer Edition, how may I set breakpoints and debug this code? I'm able to view this code by using the links provided when logging something to the console, but this only allows me to view the code. Any breakpoints I set are not valid when the script is run again.

모든 댓글 (1)

qschnehage
qschnehage 질문자
more options

Essentially, I'm looking for something that would allow me to do what Chrome does here:

http://stackoverflow.com/questions/1705952/is-possible-to-debug-dynamic-loading-javascript-by-some-debugger-like-webkit-fi https://developer.chrome.com/devtools/docs/javascript-debugging#breakpoints-dynamic-javascript

Adding a line of code "//# sourceURL=buildmodal-checkout-include.js" allows one to click through to the source in the debugger and set breakpoints.

If Firefox has a similar feature or way of doing this, Firefox will be the only browser I need for development work. (Aside from cross-browser stuff, of course) :)