Firefox Developer Edition – расширенная версия браузера от компании Mozilla, которая ориентирована, в первую очередь, на веб-разработчиков, как это и понятно по названию. В данной статье мы разберем ключевые ее особенности, отличия от стандартного интернет-обозревателя, доступные инструменты и нюансы установки.

Подробности

Фаерфокс Девелопер Едишн представляет собой продвинутую во многих аспектах версию браузера, с рядом улучшений. Представляем вашему вниманию краткое описание для всех ключевых моментов:

  • Повышенная производительность – использование модернизированной версии CSS-движка, с помощью которого достигается более высокая скорость работы.Общий вид Firefox Developer Edition
  • Управление CSS-сеткой – визуализация сетки с возможностью ее «горячего» редактирования.
  • Редактор фигур – он предназначается для детальной наладки в визуальном редакторе параметров clip-path вместе с shape-outside.
  • Инструменты разработчика – множество функций, которые окажутся полезными при создании и отладке веб-страниц.Инструменты разработчика в Firefox Developer Edition
  • Панель шрифтов – просмотр подробной информации относительно задействованных шрифтов, которые были задействованы в конкретной информации.

А об одном из указанных ранее достоинстве мы поговорим более детально.

Инструменты разработчика

Именно им стоит уделить особенное внимание, ведь браузер все же ориентирован именно на веб-разработчиков. Компания Mozilla предоставила им широкий спектр возможности по части создания сайтов и последующей их доработке. Хотелось бы остановиться на этих моментах более детально:

  • Инспектор – изучение и редактирование кодов HTML и CSS на странице.
  • Консоль – отображение всей необходимой информации о веб-странице странице с возможностью исполнения JavaScript.Консоль в инструментах разработчика Firefox Developer Edition
  • Отладчик – отслеживание корректности работы JS.
  • Сеть – возможность мониторинга сетевых запросов вместе с их влиянием на скорость загрузки интернет-страниц.
  • Панель хранилища – просмотр сохраненной пользовательской информации (кэш-файлы, данные куки, история просмотров и так далее), с возможностью ее редактирования и даже добавления.Хранилище в инструментах разработчика Firefox Developer Edition
  • Визуальное редактирование – наглядная отстройка анимаций, размещения и форматирования текстов и прочих элементов.
  • Редактор JS – написание, редактирование и исполнение JS-скриптов прямиком на открытой интернет-странице.Редактор JS в Firefox Developer Edition
  • Производительность – инструменты для оптимизации.
  • Память – мониторинг потребления памяти с возможностью нахождения «слабых мест».
  • Веб-аудио – возможность изучения и настройки Web Audio API.
  • Режим адаптивного экрана – просмотр правильности отображения интернет-страниц на различных устройствах (ПК, смартфоны, Smart TV и так далее).Режим адаптивного экрана для Firefox Developer Edition
  • Редактор стилей – инструменты для настройки CSS по своему усмотрению.

Процедура установки

Мы разберем инсталляцию данного веб-обозревателя для операционных систем Windows, Mac OS и Linux. Просто переходите к нужному разделу статьи и выполняйте предложенные действия.

Случай №1: Windows

В самом конце статьи вы найдете ссылку на страницу загрузки, перейдите по ней. Далее, кликните по большой прямоугольной кнопке по центру экрана.Скачать Firefox Developer Edition для LinuxТогда вам предложат сохранить файл Firefox Installer.exe. Дождитесь окончания скачивания и откройте его.

В результате запустится процедура инсталляции продвинутой версии Mozilla. Она будет завершена автоматически в ближайшее время. А сразу же затем запустится сам интернет-обозреватель.

Случай №2: Mac OS

Без каких-либо предисловий перейдем к основной части процедуры. Выполните по порядку следующие действия:

  1. Перейдите по размещенной снизу текста ссылке.
  2. Щелкните ЛКМ по кнопке, которая размещена по центру страницы.Скачать Firefox Developer Edition для Mac OS
  3. Дождитесь окончания загрузки установочного dmg-файла.
  4. Откройте его.
  5. Когда проверка будет завершена, отобразится привычное окошко инсталляции. Здесь вам нужно перетащить изображение с синей лисицей в правую область.Установка Firefox Developer Edition для Mac OS
  6. Запустить Firefox Developer Edition выйдет из каталога «Программы».

Случай №3: Linux

Для ключевых сборок Линукса инструкция следующая

  1. Перейдите на страницу загрузки.
  2. Щелкните ЛКМ по кнопке Firefox Developer Edition.Скачать Firefox Developer Edition
  3. Сохраните файл в формате .tar.bz2.
  4. Далее, перейдите в каталог, куда он был помещен.
  5. Кликните по данному архиву ПКМ.
  6. Нажмите на опцию извлечения в текущую папку.Извлечь содержимое архива Firefox Developer Edition в текущую папку для Linux
  7. Перейдите в новую папку и там откройте единственный каталог.
  8. Откройте файл с именем firefox, в результате запустится сам браузер.Запуск Firefox Developer Edition для Linux

Скачать Firefox для разработчиков