We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

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

  • 1 个回答
  • 1 人有此问题
  • 2 次查看
  • 最后回复者为 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

所有回复 (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.