How to view the directory structure of JS sources in debugger?
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
Všetky odpovede (1)
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.