Firefox developer edition linux install

How to Install Firefox Developer Edition in Linux

Web developers for the most part have had to use the development tools given to them by browser makers. For the most part this works great because companies like Google and Microsoft include these tools in browsers everyone already uses. However, at the end of the day browsers like these are for consumers, not developers.

It is because of this the company behind Firefox has taken it upon themselves to make a web browser centered around developers and not everyday internet users. Mozilla’s Firefox Developer edition browser gives web developers the ability to debug and inspect web applications with ease.

As many web developers actively use Linux to get their work done, this browser is available for Linux, too, though the installation is not as straightforward as it should be. So, how do you install it?

Getting Firefox Developer Edition

Developer edition can be downloaded for Linux at this link. Once downloaded, extract the downloaded “tar.bz2” file and move it to the home folder with the file manager. The extracted files won’t stay in the home folder, just temporarily as we work with the files and install them.

Installing the Firefox Developer Edition

With the files extracted, the files can be moved from the home directory to the “/opt” directory on the file system. To start, open a terminal window and enter the following commands:

This will give the terminal a root shell and be easier to work in.

Making a folder labeled “firefox-developer” will allow the user to easily tell that this is the Firefox developer edition files and not something else.

Entering the “firefox-*.en-US.linux-x86_64” folder and then showing all of the contents with the ls command reveals there is a Firefox folder.

The move command will place the Firefox folder inside of the newly-created “firefox-developer” directory in “/opt.” This is where the core of Firefox Developer edition will live on the system.

Making the Desktop Icon

The program is installed on the system, though it will not be able to launch. A launcher must be created so that the user can launch the program. Open a text editor and paste the following code:

Save the file as “firefox-developer.desktop” to your user’s home folder. Then, in the terminal do the following:

With the shortcut installed, just open the application menu on your desktop, and Firefox Developer edition will be right there to use.

Conclusion

Though Firefox isn’t as glamorous as Google Chrome, it still has a lot to offer. Especially when it comes to web development. A lot of the tools included are on par with the Chrome tools. In some cases, they even surpass them. If I were a web developer, I would go the Firefox Developer edition route for the features, but also because of the sort of company that Mozilla is. They care about the web and it’s openness.

If you’re a web developer on Linux looking for a new set of tools, be sure to give this app a try. You won’t regret it!

Derrik Diener is a freelance technology blogger.

Источник

How to Install Firefox Developer Edition on Ubuntu & Linux Mint

Firefox developer edition, which is a browser built specifically for web developers, was first introduced by Mozilla back in November 2014. It streamlines the development workflow so developers don’t need to bounce between different platforms and browsers. This browser comes preloaded with many web developers tools such as WebIDE and Valence which allows developers to debug other browsers and apps directly from within the Firefox developer edition.

By using the Developer Edition, you also gain access to tools and platform features at least 12 weeks before they reach the main Firefox release channel. It can run alongside your existing Firefox browser.

The latest version is 50.0a2, released on August 5, 2016. Changes includes:

• Find in page now supports a mode to search for whole words only
• New preference for allowing Ctrl+Tab to cycle through tabs in recently used order
• Improved printing by using the Reader Mode
• Emoji for everyone! Firefox will use built-in Emoji on operating systems without native Emoji fonts (Windows 8.0 and lower and Linux)
• Use accel-(opt/alt)-r as the reader mode keyboard shortcut
• changes for web developers can be found here.

Note that Firefox developer edition may missing some standard Firefox features. For example, it doesn’t have the leaked password alert feature, if you use the Firefox built-in password manager.

Install Firefox Developer Edition on Ubuntu/Linux Mint via Ubuntu Make

With this method, Firefox D.E. coexists with your default Firefox browser and can be updated in Help > About Firefox window. First, install Ubuntu Make which is available from repository.

Then install firefox-dev.

You will be asked to choose installation path and language. Pressing Enter will choose the default option. Once it’s installed, you can start it from Unity Dash or your application menu.

Note that because Linux Mint ships with a different desktop environment, you won’t see the firefox developer edition icon in the menu. You can start it from the terminal. For instance, if you chose the default installation path, then start it with:

You can also log out and log back in, then the icon will show you in your application menu.

Install Firefox Developer Edition from PPA

With this method your existing Firefox browser will be replaced. Open up a terminal window (CTRL+ALT+T), and run the following 3 commands one at a time.

That’s it! I hope this article helped you install Firefox Developer Edition on Ubuntu and Linux Mint. As always, if you found this post useful, then subscribe to our free newsletter or follow us on Twitter or like our Facebook page. Thanks for visiting!

Источник

Как установить Firefox Developer Edition?

Mozilla выпустила Firefox Developer Edition! Как мне установить его на Ubuntu?

9 ответов

Firefox Developer Edition

Firefox Developer Edition — это модифицированная версия Firefox, специально разработанная для веб-разработчиков. Он использует отдельный профиль, чем обычная версия Firefox. Это означает, что вы можете установить Firefox или F-beta рядом с версией для разработчиков. Обратите внимание, что ваш FDE будет полностью настраиваемым браузером, не настроенным на UN. Для унификации настроек вы можете использовать синхронизацию Firefox.

Вот одна из многих привилегий при использовании FDE:

«Используя Developer Edition, вы получаете доступ к инструментам и функциям платформы по крайней мере за 12 недель до того, как они достигнут основного канала выпуска Firefox». — Версия для разработчиков — Mozilla | MDN # The_latest_Firefox_features

Монтаж

В настоящее время есть три способа сделать это: вручную, PPA или через Ubuntu Make.

Вручную

Загрузите с веб-страницы Mozilla Firefox Developer Edition. Извлеките это с file-roller и переместите папку в ее окончательное местоположение. Хорошей практикой является его установка в /opt/ или же /usr/local/ ,

Как только вы переместили файлы в их окончательное местоположение (скажем, /opt/firefox_dev/ ), вы можете создать следующий файл

/.local/share/applications/firefox_dev.desktop чтобы получить лаунчер с иконкой отличной от обычного Firefox.

Чтобы пометить модуль запуска как надежный, сделайте его исполняемым:

Чтобы запустить его, перейдите в

/.local/share/apps/ с помощью приложения «Файлы» (убедитесь, что вы включили скрытые папки), затем дважды щелкните firefox_dev.desktop. Кроме того, поиск Firefox Developer , и просто запустите firefox бинарный и вуаля.

Обратите внимание, что при установке вручную FDE по умолчанию не имеет глобального меню Unity.

Firefox для разработчиков в настоящее время находится в Firefox Aurora: команда Ubuntu Mozilla Daily Build Team. Следует отметить, что:

«Firefox Developer Edition заменяет канал Aurora в процессе выпуска Firefox. Как и Aurora, функции будут появляться в Developer Edition каждые шесть недель после стабилизации в сборках Nightly». — Версия для разработчиков — Mozilla | MDN #The_latest_Firefox_features

«Версия 35.0a2, впервые предложенная пользователям Firefox Developer Edition 10 ноября 2014 года» — Firefox — Aurora Notes (35.0a2) — Mozilla # main-content

Установите Firefox Developer Edition, ранее известную как Aurora, примерно так:

Mozilla PPA содержит пакеты только для поддерживаемых выпусков Ubuntu, но не для выпусков EOL(End Of Life).

Обратите внимание, что установка с вышеупомянутым ppa приведет к замене вашей текущей установки Firefox!

Ubuntu Make

Этот метод был предоставлен Хорхе Кастро. Я добавляю это здесь, потому что это также отличный способ установить Firefox Developer Edition(и многие другие инструменты разработчика).

После того, как вы установили Ubuntu-make, скажите ему, чтобы установить web инструмент firefox-dev ,

Удалить

Если вы хотите сохранить текущий дефолтный Firefox, поскольку в FDE нет новых функций, которые вам нравятся, или по какой-либо причине, вот несколько способов удалить его.

Вы можете удалить ppa и его пакеты, используя ppa-purge.

Установите это так:

Следующее удалит PPA и его пакеты:

Вручную

удалить двоичные файлы с rm команда (переименуйте путь к месту, где вы фактически извлекли FDE). Или с вашим файловым менеджером:

Также удалите firefox_dev.desktop

После этого вы успешно удалили Firefox Developer Edition.

Ubuntu Make

следующая команда удалит Firefox Developer Edition:

Вы также можете удалить Umake и его PPA ( ppa-purge необходимо, см. инструкции по установке выше):

Скриншот

Firefox Developer Edition для Ubuntu 14.04.1

Сменить тему

На момент написания статьи для FDE доступно три темы. Вот как их включить.

Введите в строке URL:

Когда в поисковом фильтре введите theme , Затем дважды щелкните по devtools.theme , После этого введите light и тема будет применена.

Скриншот с несколькими темами для FDE

Характеристики

Некоторые, но не все, функции, рекламируемые Mozilla:

WebIDE:

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

Валентность:

(ранее назывался Firefox Tools Adapter) позволяет разрабатывать и отлаживать приложение для нескольких браузеров и устройств, подключая инструменты разработчика Firefox к другим основным движкам браузера. Valence также расширяет возможности потрясающих инструментов, которые мы создали для отладки Firefox OS и Firefox для Android, для других основных мобильных браузеров, включая Chrome для Android и Safari для iOS. Пока что эти инструменты включают в себя наш Инспектор, Отладчик, Консоль и Редактор стилей.

Адаптивный режим дизайна:

• Посмотрите, как ваш веб-сайт или веб-приложение будет выглядеть на экранах разных размеров без изменения размера окна браузера.

Инспектор страниц:

• изучить HTML и CSS любой веб-страницы и легко изменить структуру и макет страницы.

Веб-консоль:

• просматривать зарегистрированную информацию, связанную с веб-страницей, использовать веб-консоль и взаимодействовать с веб-страницей с помощью JavaScript.

Отладчик JavaScript:

• пройти через код JavaScript и проверить или изменить его состояние, чтобы помочь отследить ошибки.

Сетевой монитор:

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

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

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

Web Audio Editor:

• проверять и взаимодействовать с Web Audio API в режиме реального времени, чтобы убедиться, что все аудио узлы подключены так, как вы ожидаете.

Ссылка:

• Версия 35.0a2, впервые предложенная пользователям Firefox Developer Edition 10 ноября 2014 г.

Источник

Как установить Firefox Developer Edition в Linux

от sasza

Firefox Developer Edition — это надежный, ориентированный на разработчиков веб-браузер для веб-разработчиков. Он включает «движок CSS нового поколения», весь набор «Firefox DevTools», «Редактор фигур», «Панель шрифтов» и многое другое! Тем не менее, несмотря на то, что браузер такой же превосходный и многофункциональный, установить Firefox Developer Edition в Linux не так-то просто, и из-за этого веб-разработчикам, не знакомым с Linux, становится невероятно сложно настроить и запустить свою веб-среду. .

Из-за того, насколько сложно установить Firefox Developer Edition в Linux, мы решили составить это подробное руководство. В нем мы рассмотрим, как загрузить приложение, распаковать его и установить на свой компьютер с Linux!

Прежде чем мы начнем

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

Не знаете, как избавиться от Firefox на вашем ПК с Linux? Откройте терминал и следуйте инструкциям ниже, подходящим для вашей ОС Linux.

Ubuntu

Debian

Arch Linux

Fedora

OpenSUSE

Установить Firefox Developer Edition

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

Версия Firefox для разработчиков представляет собой предварительно созданный двоичный файл. Вам не придется беспокоиться о компиляции кода. Просто следуйте приведенным ниже инструкциям, и все заработает!

Скачать Firefox Developer Edition

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

Шаг 2: Оказавшись на странице, вы увидите несколько разных выпусков Firefox (бета, для разработчиков и Nightly). Прокрутите страницу вниз, найдите кнопку загрузки и щелкните ее, чтобы начать загрузку для Linux.

Шаг 3: Когда загрузка будет завершена, закройте окно браузера, так как оно вам не понадобится. Затем запустите окно терминала, нажав Ctrl + Alt + T или просмотрев его.

Извлечь Firefox Developer Edition

Теперь, когда загрузка архива TarBZ2 FF Developer Edition завершена, пришло время получить доступ к файлам внутри. Для этого вы должны поместить CD в папку

/ Downloads. Затем запустите команду tar, чтобы распаковать архив TarBZ2.

Перемещение файлов

Как только файлы будут полностью извлечены, пора их переместить. В случае с Firefox его нужно поместить в папку / opt. Однако, прежде чем мы сможем переместить файлы в этот каталог, вам необходимо повысить уровень сеанса командной строки со стандартного пользователя до Root с помощью команды su или sudo -s.

Теперь, когда в терминале есть root-доступ, используйте команду mv, чтобы поместить системные файлы Firefox в каталог / opt файловой системы вашего ПК с Linux.

Примечание: замените «имя пользователя» в приведенной ниже команде на имя пользователя на вашем компьютере, иначе файлы не будут перемещены.

Настроить бинарный файл Firefox

Файлы Firefox Developer Edition находятся в каталоге / opt на вашем компьютере с Linux. Тем не менее, вы не сможете запустить приложение браузера или использовать какие-либо его функции, поскольку двоичный файл находится не в нужном месте.

Чтобы установить двоичный файл в нужное место, вы должны создать символическую ссылку из папки / opt / firefox / в папку / usr / local / bin / с помощью команды ln.

Примечание: убедитесь, что ваш терминал все еще использует Root!

Создать ярлык на рабочем столе

После помещения двоичного файла Firefox в / usr / local / bin вам необходимо настроить новый ярлык на рабочем столе с помощью сенсорной команды.

Создав новый файл рабочего стола, мы можем приступить к редактированию ярлыка. Чтобы изменить файл, вы должны открыть его в текстовом редакторе. В этом руководстве мы отредактируем файл в Nano, так как он прост в использовании для большинства пользователей. Не нравится Нано? Не стесняйтесь использовать вместо этого свою любимую!

Открыв ярлык на рабочем столе в Nano, вставьте приведенный ниже код в редактор.

[Desktop Entry]
Имя = Разработчик Firefox
GenericName = Firefox Developer Edition
Exec = / usr / local / bin / firefox
Терминал = ложь
Значок = / opt / firefox / browser / chrome / icons / default / default48.png
Тип = Приложение
Категории = Приложение; Сеть; X-Developer;
Комментарий = Веб-браузер Firefox Developer Edition

Сохраните редактирование с помощью Ctrl + O и выйдите с помощью Ctrl + X. Затем обновите права доступа к файлу с помощью chmod.

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

Источник