Есть ли в Firefox DevTools эквивалент панели Chrome DevTools' Sources?

На изображении ниже, как вы можете видеть, есть вкладка Источники, которая позволяет мне просматривать файлы моего проекта.

Источники * вкладка в Chrome DevTools

Источники, показанные в Chrome DevTools

Кроме того, в моем Firefox DevTools не отображается вкладка " Хранилище ". Я считаю, что это вкладка, которая позволит мне просматривать файлы моего проекта. Как мне это включить?

Источники, показанные в Firefox DevTools

Это моя фактическая структура проекта:

Структура проекта в файловой системе

2 ответа

Решение

Чтобы включить панель " Хранение" в Firefox DevTools, вам необходимо перейти к настройкам:

Хранение * Панель активации

Хотя целью панели " Хранилище" является отображение таких хранилищ, как файлы cookie, IndexedDB, локальное хранилище и хранилище сеансов. Он не отображает файлы.

Панель Debugger предназначена для отладки JavaScript. Таким образом, он отображает только источники JavaScript.

Firefox DevTools не имеет панели, которая показывает все файлы в одном месте, как это делает Chrome DevTools. Хотя есть разные специализированные панели, показывающие одну и ту же информацию. Например, редактор стилей показывает все источники CSS. Панель "Сеть" показывает все запрошенные файлы с акцентом на информацию о сетевых запросах.

Firefox не имеет таких же настроек инструментов разработчика, как Chrome, однако у него есть редактор, который запускает JavaScript в разделе консоли. Нажмите на раскрывающийся значок с синим уведомлением (крайний справа)....см. картинки

значок консоли

значок консоли открывает этот редактор

Другие вопросы по тегам