是否有相当于Chrome的DevTools＆＃39; Firefox DevTools中的Sources面板？

Question

在下图中，如您所见，有一个 Sources 标签，可让我浏览我的项目文件。

另外，我的Firefox DevTools没有显示存储标签。我相信这是允许我浏览我的项目文件的选项卡。我该如何启用它？

这是我的实际项目结构：

Answer 1

要在Firefox DevTools中启用存储面板，您需要切换到以下设置：

虽然 Storage 面板的目的是显示存储，如Cookie，IndexedDB，本地存储和会话存储。它不显示文件。

Debugger 面板用于调试JavaScript。因此，它只显示JavaScript源。

Firefox DevTools没有一个面板，可以像Chrome DevTools那样在一个地方显示所有文件。虽然有不同的专门面板显示相同的信息。例如。 Style Editor显示所有CSS来源。 “网络”面板显示所有请求的文件，重点关注网络请求信息。