Avatar for Username

Mozilla サポートの検索

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

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) :)