在Firefox DevTools中是否有相当于Chrome的DevTools的Sources面板？
Abh*_*ash 6 firefox-developer-tools
在下图中,如您所见,有一个Sources选项卡,允许我浏览我的项目文件.
此外,我的Firefox DevTools不显示" 存储"选项卡.我相信这是允许我浏览我的项目文件的选项卡.我该如何启用它？
这是我的实际项目结构:
要在Firefox DevTools中启用" 存储"面板,您需要切换到以下设置:
虽然" 存储"面板的目的是显示存储,如Cookie,IndexedDB,本地和会话存储.它不显示文件.
在调试器面板是为了调试JavaScript.因此,它只显示JavaScript源.
Firefox DevTools没有一个面板,可以像Chrome DevTools那样在一个地方显示所有文件.虽然有不同的专门面板显示相同的信息.例如,样式编辑器显示所有CSS源."网络"面板显示所有请求的文件,重点关注网络请求信息.
- HTML 文件中的 JavaScript 代码也显示在 *Debugger* 面板中。通常，所有 JavaScript 代码都可以在那里获得。您还可以[调试动态生成的 JavaScript](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources)（例如通过 `eval()` 创建或附加一个 `<script >` 标签通过 JavaScript) 到你的 DOM) 那里。 (3认同)
| 归档时间： |
|
| 查看次数： |
1848 次 |
| 最近记录： |