1
在下图中,您可以看到,有一个来源选项卡允许我浏览我的项目文件。Firefox DevTools中是否有相当于Chrome的DevTools的Sources面板?
而且,我的Firefox DevTools不显示存储标签。我相信这是允许我浏览我的项目文件的选项卡。我如何启用它?
这是我的实际项目结构:
在下图中,您可以看到,有一个来源选项卡允许我浏览我的项目文件。Firefox DevTools中是否有相当于Chrome的DevTools的Sources面板?
而且,我的Firefox DevTools不显示存储标签。我相信这是允许我浏览我的项目文件的选项卡。我如何启用它?
这是我的实际项目结构:
为了能够在你需要切换到设置火狐DevTools的存储面板:
尽管t他的存储面板的目的是显示存储如饼干,IndexedDB,本地和会话存储。它不显示文件。
调试器面板旨在调试JavaScript。所以,它只显示JavaScript来源。
Firefox DevTools没有按照Chrome开发工具的方式在一个地方显示所有文件的面板。虽然有不同的专门面板显示相同的信息。例如。 Style Editor显示您所有的CSS来源。 “网络”面板显示所有请求的文件,重点关注网络请求信息。
'html'文件怎么样?我的目的是在我的html文件中调试'javascript'代码。 – Abhilash
HTML文件中的JavaScript代码也显示在* Debugger *面板中。通常,所有的JavaScript代码都可以在那里找到。您也可以[调试动态生成的JavaScript](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources)(例如,通过'eval()'创建或者附加一个'