Mozilla firefox developer edition linux

Браузер Firefox Developer Edition

Добро пожаловать в ваш новый любимый браузер. Получите доступ к новым функциям, повышенной производительности и инструментам разработчика, которые понадобятся вам для построения открытого Интернета.

Firefox Developer Edition — Русский

Ваша система может не удовлетворять требованиям Firefox, но вы можете попробовать одну из этих версий:

Firefox Developer Edition — Русский

Firefox Developer Edition автоматически осуществляет обратную связь с Mozilla. Подробнее

Браузер Firefox Developer Edition

Браузер, созданный для разработчиков

Бета-версия самых последних инструментов разработчика, а также такие экспериментальные функции, как Многострочный режим веб-консоли и Инспектор WebSocket’ов.

Отдельный профиль и путь, чтобы вы могли легко его запустить одновременно с релизом Firefox или Firefox Бета.

Настроенный специально под веб-разработчиков: Браузерная и удалённая отладка, тёмная тема и кнопка инструментов разработчика на панели инструментов включены по умолчанию.

Новые инструменты

Неактивный CSS

Инструменты разработчика Firefox теперь затемняют CSS-правила, не влияющие на страницу. При наведении на значок информации, вы увидите полезное сообщение о том, почему CSS не применяется, включая подсказки о том, как устранить саму проблему.

Новые инструменты

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

Новые Инструменты разработчика Firefox — мощны, гибки и хорошо настраиваемы. В них есть лучший в своём классе отладчик JavaScript, который может эмулировать поведение других браузеров, и построен на React и Redux.

Инновационные функции

Управление CSS-сеткой

Firefox — единственный браузер с инструментами, созданными специально для проектирования макетов и дизайна с помощью CSS-сеток. Эти инструменты позволяют визуализировать сетку, отображать связанные имена областей, предпросматривать трансформации на сетке и многое другое.

Краткая информация

Панель шрифтов

Новая панель шрифтов в Инструментах разработчика Firefox даёт быстрый доступ ко всей необходимой информации о шрифтах, использованных в элементе. Она также отображает полезные сведения, например, источник шрифта, ширину, стиль и другое.

Разрабатывайте. Кодите. Тестируйте. Улучшайте.

Создавайте и улучшайте свои сайты
с помощью Инструментов разработчика Firefox

• 

Инспектор

Изучайте и совершенствуйте код, чтобы создавать попиксельно-идеальные макеты.

Консоль

Отлаживайте CSS, JavaScript, а также проблемы с сетью и безопасностью.

Отладчик

Мощный отладчик JavaScript с поддержкой вашего любимого фреймворка.

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

Панель хранилища

Добавляйте, редактируйте и удаляйте кэш, куки, базы данных и данные сессий.

Режим адаптивного дизайна

Тестируйте сайты на эмулируемых устройствах в вашем браузере.

Визуальное редактирование

Точная настройка анимаций, выравнивания и отступов.

Производительность

Оптимизируйте узкие места, упростите процессы и улучшите производительность.

Память

Находите утечки памяти и уменьшите её потребление вашим приложением.

Редактор стилей

Редактируйте и управляйте всеми CSS-таблицами стилей в вашем браузере.

Выскажитесь

Отзывы делают нас лучше. Расскажите нам, как мы можем улучшить браузер и инструменты разработчика.

Примите участие

Помогите нам в создании последнего независимого браузера. Пишите код, исправляйте баги, создавайте дополнения и многое другое.

Загрузите браузер Firefox, созданный для разработчиков

Firefox Developer Edition — Русский

Ваша система может не удовлетворять требованиям Firefox, но вы можете попробовать одну из этих версий:

Firefox Developer Edition — Русский

Спасибо!

Если вы ранее не подтверждали подписку на новостные рассылки Mozilla, то вам может понадобится сделать это. Пожалуйста, проверьте вашу папку «Входящие» или «Спам» на наличие письма от нас.

Источник

Установка Firefox Developer в Ubuntu/Linux mint и другие

«Firefox Developer Edition» – это специальная версия веб-браузера Mozilla Firefox, разработанная специально для веб-разработчиков . Он имеет функции, стабилизированные в ночных сборках, предоставляет экспериментальные инструменты для разработчиков и настроен для разработки, поэтому некоторые опции remote debugging по умолчанию включены.

Браузер создает и использует отдельный профиль, поэтому его можно использовать вместе со стандартной версией Firefox (в Linux профили создаются внутри каталога

В этом уроке мы увидим, как установить Firefox Developer Edition в Linux, как добавить приложение в нашу директорию и как создать для него значок запуска на рабочем столе: инструкции можно применить к любому дистрибутиву Linux.

Скачать Firefox Developer

Версия для разработчиков Firefox распространяется Mozilla в переносном формате и поставляется в виде tarball (все его зависимости также содержатся в tarball). Мы можем загрузить архив непосредственно с веб-сайта Firefox Browser Developer Edition.

Соответствующая версия и язык для нашей системы должны автоматически определяться при нажатии на кнопку загрузки. В случае, если мы хотим скачать альтернативную версию, все что нам нужно сделать, это манипулировать параметрами URL загрузки:

Скажем, например, мы хотим загрузить 32bit версию приложения: все, что нам нужно сделать, это изменить значение параметра os с linux64 на linux. Чтобы изменить язык приложения, мы передадим соответствующее значение параметру lang: например, для загрузки итальянской версии мы будем использовать следующий URL:

Мы можем скачать приложение также из командной строки, используя утилиту curl; если мы объединяем с помощью tar, мы можем извлечь тарбол “на лету”. Все, что нам нужно сделать, это запустить следующую команду:

Мы вызвали curl с помощью опции –location, которая необходима для того, чтобы curl следовал за перенаправлениями, и предоставили URL для загрузки. Если не указано ничего другого, curl записывает свой вывод в stdout(стандартный вывод), поэтому мы используем канал | для перенаправления указанного вывода и используем его в качестве стандартного input ( stdin) tar приложения.

Мы использовали последнюю команду с некоторыми опциями: –extract для выполнения извлечения –verbose(необязательно), чтобы имя извлеченных файлов печаталось в терминале при их извлечении, –preserve-permissions чтобы сохранить права доступа к файлам и –bzip2 как распаковывать архив. Если все пойдет по плану, в каталоге из которого мы выполнили команду, мы найдем новый каталог «firefox».

Следующий шаг заключается в размещении каталога Firefox где-то в более подходящем месте нашей файловой системы. В этом уроке мы установим приложение только для нашего пользователя. По соглашению, автономные, глобально установленные приложения помещаются в каталог /opt. Не существует стандартного эквивалента этого каталога для каждого пользователя, поэтому мы будем произвольно использовать его в качестве пункта назначения

/.local/opt. Каталог не существует по умолчанию, поэтому мы должны его создать:

Затем мы можем переместить каталог приложения:

Добавление бинарного файла Firefox

На данный момент, бинарный файл Firefox для разработчиков должен быть

/.local/opt/firefox/firefox. Для удобства мы хотим добавить этот двоичный файл в наш PATH. Значение переменной PATH представляет собой серию имен каталогов, разделенных символом “:”, где приложения ищут по умолчанию, когда они вызываются без указания их абсолютного местоположения.

Чтобы проверить содержимое переменной, мы можем просто развернуть ее:

Вы можете видеть, что каталог /home/fox/.local/bin добавлен в мою переменную PATH. Этот каталог .local создается внутри домашнего каталога каждого пользователя и должен содержать исполняемые файлы для каждого пользователя.

Чтобы добавить его к нашему PATH, мы можем просто добавить следующую строку в наш файл .bash_profile или .profile, в зависимости от того, какую оболочку мы используем ( .bash_profile используется оболочкой bash, которая использует запасной вариант .profile, если его не существует):

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

/.local/bin. Мы назовем ссылку firefox-dev, чтобы отличить ее от стандартного бинарного файла Firefox:

Если такого каталога нет, создайте его с помощью команды

Перейдите в каталог .local/opt/firefox

И создайте символическую ссылку

Теперь мы сможем запустить приложение с нашего терминала:

Создание значка запуска Firefox Dev

Еще одна вещь, которую мы можем сделать, – это создать .desktop модуль запуска, чтобы интегрировать приложение в модуль запуска нашего рабочего стола. Каталог, в котором размещены средства запуска рабочего стола для каждого пользователя

/.local/share/applications. Внутри него мы должны создать файл firefox-dev.desktop

и поместить в него следующее содержимое (откройте файл любым текстовым редактором):

Замените строку – Icon=/home/fox/.local/opt/firefox/browser/chrome/icons/default/default128.png “/home/fox/” – на ваше имя пользователя

Найдите Firefox Developer в меню приложений

Давайте кратко рассмотрим содержимое файла. Ключ Name используется для указания имени приложения и является обязательным. Ключ GenericName используется , чтобы указать общее имя для приложения и не является обязательным.

Icon Ключ используются для указания значка запуска, а Terminal используются для определения, будет ли программа запускаться в окне терминала или нет. Запись Type используется для указания типа записи рабочего стола: он должен быть один из «Приложение», «Ссылка» или «Каталог».

Чтобы указать список MIME типов, поддерживаемых приложениями, мы используем MimeType ключ и разделяем записи точкой с запятой.

Когда для клавиши StartupNotify установлено значение true, курсор уведомляет пользователя о запуске приложения. Когда приложение появляется на экране, курсор возвращается к своей первоначальной форме (приложение должно поддерживать уведомления о запуске).

Ключ Categories используется для указания, в каких категориях приложение должно отображаться в меню, в то время Keywords используется, чтобы указать ряд слов, разделенных точкой с запятой, которые будут использоваться в качестве метаданных для применения и облегчения его поиска.

Actions используются для определения отдельных действий. Эти действия можно выбрать из меню, которое появляется, когда мы щелкаем правой кнопкой мыши на панели запуска, и затем определяются отдельно в своих разделах, в данном случае [Desktop Action new-window] и [Desktop Action new-private-window]. Первый идентичен стандартному; последний запускает приватный сеанс, вызывая двоичный файл с опцией –private-window.

Наконец, запись StartupWMClass используется для определения, в какой класс приложение сгруппировано в меню запуска. Если мы пропустим этот ключ, мы можем найти две записи панели запуска рабочего стола: ту, по которой мы щелкнули, чтобы запустить приложение, и ту, которая ссылается на открытое приложение.

Выводы

В этом руководстве мы узнали, как скачать и установить Firefox Developer, разработанную для веб-разработчиков, которая содержит дополнительные функции, еще не перенесенные в стандартную версию. Мы узнали, как скачать и извлечь тарбол, содержащий файлы приложения, как его установить, как добавить его в нашу PATH и как создать значок запуска приложения.

Источник