Avatar for Username

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊，或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

此討論串已被封存。 如果您有需要幫助，請新增一個新問題

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

  • 1 回覆
  • 2 有這個問題
  • 7 次檢視
  • 最近回覆由 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) :)