Avatar for Username

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊，或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

此討論串已被封存。 如果您有需要幫助，請新增一個新問題

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

  • 1 回覆
  • 1 有這個問題
  • 2 次檢視
  • 最近回覆由 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

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