Андрей Смирнов
Время чтения: ~6 мин.
Просмотров: 13

Браузер Firefox Developer Edition

1ac8c37f20a520f35a1333feae750897.png

Специальная сборка браузера Firefox созданная для веб-разработчиков.

Firefox Developer Edition — это тестовая сборка браузера нацеленная на веб-разработчиков. Она заменила канал Aurora. Временной цикл разработки браузера при этом не изменился. Developer Edition с новыми возможностями появляется каждые шесть недель. Предварительно все нововведения проходят обкатку в ночных сборках браузера (Firefox Nightly Builds). В случае удачного тестирования в дальнейшем новые функции включаются сначала в бета версию Firefox, а затем и в стабильный релиз.

96a4a5bd646ea6e04e2313cc0b484f34.jpg

Рис. 1. Стартовая страница Firefox Developer Edition

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

b9453bf55fca54febb48f5580911f519.png

Рис. 2. Инструменты веб-разработки

7eeddc5dec0c39a4da13a44a58cba2b0.png

Рис. 3. Firefox WebIDE

Также Developer Edition включает в себя все стандартные инструменты разработки браузера Firefox: инспектор страницы, веб-консоль, отладчик, монитор сети, редактор стилей, режим адаптивного дизайна и другие. Кроме того разработчики Mozilla добавляют в сборку Developer Edition экспериментальные инструменты разработчика, которые еще не готовы к стабильному релизу. В качестве примера можно привести предустановленное дополнение Valence, которое позволяет проверить и наладить свое приложение на различных браузерах и устройствах.

3267d2c12f13d522d43edcb856e9a772.png

Рис. 4. Дополнения для браузера

Необходимо подчеркнуть, что Firefox Developer Edition использует отдельный от других версий браузера установленных на компьютере профиль, поэтому вы можете одновременно запускать Firefox и Firefox Developer Edition.

Скачать Firefox Developer Edition

обновлено 28.01.2019

ico_win.pngСкачать Mozilla Firefox Developer Edition для Windows 32 бит

БесплатноНа русскомВерсия 66.0

ico_win.pngСкачать Mozilla Firefox Developer Edition для Windows 64 бит

БесплатноНа русскомВерсия 66.0

ico_lin.pngСкачать Mozilla Firefox Developer Edition для Linux 32 бит

БесплатноНа русскомВерсия 66.0

ico_lin.pngСкачать Mozilla Firefox Developer Edition для Linux 64 бит

БесплатноНа русскомВерсия 66.0

ico_mac.pngСкачать Mozilla Firefox Developer Edition для macOS

БесплатноНа русскомВерсия 66.0

«Фаерфокс» – один из популярнейших браузеров на сегодняшний день, и тому есть множество причин – начиная от обширного функционала и заканчивая возможностью свободного добавления расширений по желанию. Но недавно разработчики представили Firefox Developer Edition, заменивший Aurora, но давайте разберёмся, чем же так хорош этот релиз и что он способен предоставить своим пользователям.

А также почему рядовой разработчик должен скачать из всех конкурентов именно Mozilla Firefox Developer Edition x64?

skachat-mozilla-firefox-developer-edition.jpg

Приспособленный инструмент

Для веб-разработки необходимы специальные инструменты, и это давно не секрет. Верстка сайтов уже вышла за пределы блокнотиков с набросками ХТМЛ и превратилась в полноценное веб-программирование, в котором стоит быть вооруженным передовыми технологиями, если вы хотите свободно конкурировать на рынке труда.

Одной из них и является Firefox Developer Edition, специальный вариант популярного браузера для разработчиков. В Web Developer версии имеется множество нюансов, которые заинтересуют начинающих и уже опытных верстальщиков. Давайте ознакомимся с ними поближе.

interfejs-mozilla-firefox-developer-edition.jpg

Основные особенности «Файрфокс Девелопер Эдишн»

Из особенностей продукта пользователями отмечается:

  1. Конструируемый интерфейс. Недостаток других браузеров – неприспособленность инструментария к широкоформатным мониторам, а также сложности с созданием собственного «рабочего пространства». Этих минусов лишено издание «Фаерфокс» для веб-девелоперов.
  2. Обширный функционал. Удобная панель отладки и простая в обращении таблица стилей, а также структуры сайта с мгновенным отображением и занесением всех изменений через FTP протокол – это ещё не весь инструментарий издания для разработчиков. Такой набор инструментов позволяет ускорить, а главное, упростить создание ресурсов любой сложности.
  3. Дизайн сходен с браузерами на «Хромиум». Не стоит забывать и о внешнем виде, который не менее важен при постоянном использовании ПО. «Файрфокс» предоставляет интересные решения «из коробки», позволяя в свободном порядке менять расположение элементов и цветовую палитру.
linux-2.jpg
Скачать Mozilla Firefox для Linux
mozila-3.jpg
Mozilla Firefox 3 – русская версия

Основные достоинства «Файрфокс Девелопер Эдишн»

Помимо вышесказанного, пользователями также отмечены такие достоинства, как:

  • стандартизированный и приемлемый период выхода обновлений браузера. Если вас не устраивают еженедельные патчи, всегда можно поучаствовать в бета-тесте «ночных» версий;
  • небольшой «вес». В отличие от других профессиональных инструментов, «Файрфокс» для разработчиков остается браузером и не занимает много места на ПК или флешке.

Заключение

Если вас устраивает всё отмеченное выше, то вы в любой момент можете скачать и опробовать браузер и самостоятельно решить, подходит ли он для ваших целей.

Рекомендуем!InstallPack
Официальный дистрибутив Firefox
Тихая установка без диалоговых окон
Рекомендации по установке необходимых программ
Пакетная установка нескольких программ

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

Подробности

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

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

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

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

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

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

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

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

Случай №1: Windows

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

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

Случай №2: Mac OS

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

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

Случай №3: Linux

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

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

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

Используемые источники:

  • https://rubrowsers.ru/browsers/mozilla-firefox-developer-edition/
  • https://firefox-browsers.ru/mozilla-firefox-developer-edition
  • https://firefx.ru/firefox-developer-edition

Рейтинг автора
5
Подборку подготовил
Максим Уваров
Наш эксперт
Написано статей
171
Ссылка на основную публикацию
Похожие публикации