Do you want to install and use Firefox Developer Edition on your Ubuntu and don’t know how to do it ?!
If your answer is yes, then this article is for you. I’m sure you saw some documentation there, but at the same time, we will add Firefox Developer Edition to our Unity Launcher. You are welcome
Please follow the steps below…
Step 1: Download the .tar file from Mozilla’s website. please note the .tar file name because it changes with every update.
Step 2: Open Terminal and run the command
Ctrl+Alt+T
Step 3: cd into the Downloads folder
sudo cp -rp firefox-67.0b10.tar.bz2 /opt
Step 4: Copy .tar file into /opt folder
sudo cp -rp firefox-67.0b10.tar.bz2 /opt
Step 5: Delete the .tar file by running
sudo rm -rf firefox-67.0b10.tar.bz2
Step 6: Go back to the home directory by running.
cd ~
Step 7: Navigate into /opt folder by running
cd /opt
Step 8: Un-tar the .tar file.
sudo tar xjf firefox-67.0b10.tar.bz2
Step 9: Clean up by deleting the tar file.
sudo rm -rf firefox-67.0b10.tar.bz2
Step 10: Let’s change ownership of the folder containing Firefox Developer Edition /opt/firefox
sudo chown -R $USER /opt/firefox
Step 11: Open.bashrc file by running
nano ~/.bashrc
Step 12: Copy and paste this line that sets the path for the executable file:
export PATH=/opt/firefox/firefox:$PATH
Step 13: Close the file Ctrl+X
, then save by typing Y
, when prompted for file name just hit Enter
Step 14: In the last step, a command will be run to create a Unity desktop file for your launcher. After we create this file, we can find the “Firefox Developer Edition” in your Unity Launcher to launch our browser.
cat > ~/.local/share/applications/firefoxDeveloperEdition.desktop <<EOL [Desktop Entry] Encoding=UTF-8 Name=Firefox Developer Edition Exec=/opt/firefox/firefox Icon=/opt/firefox/browser/chrome/icons/default/default128.png Terminal=false Type=Application Categories=Network;WebBrowser;Favorite; MimeType=text/html;text/xml;application/xhtml_xml;x-scheme-handler/http;x-scheme-handler/https;x-scheme-handler/ftp; X-Ayatana-Desktop-Shortcuts=NewWindow;NewIncognitos; EOL
Here Is Another Method Of Install Firefox Developer Edition
Step 1:
sudo apt install ubuntu-make
Step 2:
umake web firefox-dev
You will be asked to choose the 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.
Search in the menu for developer edition of ubuntu
Default installation path
~/.local/share/umake/web/firefox-dev/firefox
Enjoy
What is the Difference Between the Regular and Developer Editions of Firefox?
The Firefox Developer Edition is a modified version of Firefox that is specifically designed for web developers. It also uses a separate profile from the regular version so that running them side-by-side is an option. That does mean that all your add-ons and settings will not be available in the Firefox Developer Edition, but you can use Firefox Sync to get your add-ons and settings synchronized on both versions.
All features in the Firefox Developer Edition will be available 12 weeks before they are available in the regular version of Firefox.
Some features built into the Firefox Developer Edition that the regular version does not have are:
Web IDE
The Web IDE allows you to develop, deploy, and debug web applications directly in a browser or on a Firefox device. It allows you to create a new Firefox OS application (which is just a web application) from a template or open the code for an existing application. From there you can edit the application files. Click it to launch the application on the simulator, and another click to debug it using the developer tools. You can watch a video on the Web IDE on YouTube here.
Valence
Formerly known as the Firefox Tools Adapter, Valence allows you to develop and debug an application for multiple browsers and devices by combining Firefox developer tools with other major browser engines. Valence also extends the capabilities of the excellent tools created for debugging Firefox OS and Firefox for Android in other major mobile browsers, including Chrome on Android and Safari on iOS. Today, these tools include Observer, Debugger and Console, and Style Editor. You can watch the Valence video on YouTube here.
Web Audio Editor
The Web Audio Editor lets you inspect and interact with Web Audio APIs in real-time to ensure that all audio nodes are connected in the way you expect.