This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

ابحث في الدعم

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.

Learn More

This thread was archived. Please ask a new question if you need help.

How to view the directory structure of JS sources in debugger?

  • 1 (رد واحد)
  • 1 has this problem
  • 2 views
  • آخر ردّ كتبه guigs

joshlemer
joshlemer
more options

I'm a web developer and want to use Firefox, but am used to using Chrome for debugging.

In Chrome debugging tool (hit F12 -> click 'sources' tab in top of the web dev window), you can clearly see the entire Javascript directory structure of the site you're visiting, and can collaps/expand directories nicely. How can I view the javacript directory structure in the Firefox debugging window? I can't do what I do without being able to easily navigate the filestructure of the website, but in the Firefox debugging window, all I can see is what appears to be javascript files in random order.

Thanks! Josh

I'm a web developer and want to use Firefox, but am used to using Chrome for debugging. In Chrome debugging tool (hit F12 -> click 'sources' tab in top of the web dev window), you can clearly see the entire Javascript directory structure of the site you're visiting, and can collaps/expand directories nicely. How can I view the javacript directory structure in the Firefox debugging window? I can't do what I do without being able to easily navigate the filestructure of the website, but in the Firefox debugging window, all I can see is what appears to be javascript files in random order. Thanks! Josh

All Replies (1)

guigs
guigs
more options

Hi Josh, Thank you for your question. I understand that you would like to see the javascript directory structure in the Firefox debugging window. I am happy to help.

When you open Tools > Web Developer > Web Console and select the "Debugger", there are a list of js files loaded with the current viewed page.

Try Firebug its script tab has a hierarchy of js files.