在 Firefox DevTools 中是否有等效于 Chrome 的 DevTools 的源面板?

Is there an equivalent of Chrome's DevTools' Sources panel in Firefox DevTools?

在下图中,如您所见,有一个 Sources 选项卡,允许我浏览我的项目文件。

此外,我的 Firefox DevTools 不显示 存储 选项卡。我相信这是允许我浏览我的项目文件的选项卡。如何启用它?

这是我的实际项目结构:

Firefox DevTools 没有像 Chrome DevTools 那样在一个地方显示所有文件的面板。尽管有不同的专门面板向您显示相同的信息。例如。 Style Editor shows you all CSS sources. The Network Monitor 显示所有请求的文件,重点是网络请求信息。

Debugger 用于调试 JavaScript。因此,它只显示 JavaScript 个来源。

Storage 面板在较新版本的 Firefox DevTools 中默认启用。要在旧版本的 Firefox 中启用 Storage 面板,您需要切换到设置并单击 Storage:

旁边的复选框

尽管 Storage 面板的目的是显示存储,例如 cookie、IndexedDB、本地和会话存储。它不显示文件。