Search Support

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

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

  • 1 nzaghachinzaghachi
  • 1 nwere nsogbu anwere nsogbu a
  • 2 views
  • Nzaghachi ikpeazụ nke guigs

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)

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.