Firefox Developer Edition is a specialized version of the Firefox browser, designed for developers and early adopters. It’s kind of a beta version, but with much more features. It comes with various tools, such as the Visual Editing, Debugging, an inspector that shows you details about the used CSS Grid, unused CSS and so on. I often use it to debug website issues that come up.
Every time I have to reinstall my Ubuntu system, I have to go through the process of installing Firefox Developer Edition again. Manually. They do not offer a PPA and the PPAs you find online are not official and very seldom updated. There is also no simple
apt install method to get the browser. This is a bit annoying, so I decided to write a quick step-by-step list on how to install and link Firefox Developer Edition on Ubuntu that I can refer to anytime I need to re-configure my system.
Step 1: Download Firefox Developer Edition
To install Firefox Developer Edition on Ubuntu, you need to download the latest version from the official Mozilla website. Follow these steps to download the latest Firefox Developer Edition:
- Open the Firefox Developer Edition download page.and click on the “Firefox Developer Edition” button to download the package for your system. If you are on Ubuntu, it will be pre-selected. If you are not on Ubuntu, you are in the wrong How-To, because this one is about how to set it up on Ubuntu and Ubuntu-like systems.
- Save the downloaded file to your preferred location on your computer.
Step 2: Install Firefox Developer Edition
Once you have downloaded the Firefox Developer Edition package, you need to install it on your Ubuntu system.
- Open the terminal app on your Ubuntu system by pressing Ctrl+Alt+T or however you start your preferred terminal app.
- Navigate to the directory where you have saved the Firefox Developer Edition package.
- Extract the package
- Move the extracted Firefox Developer Edition folder to the /opt directory (you will have to use sudo for this)
- Create a symbolic link to the Firefox Developer Edition executable (this too requires sudo)
The following commands will do exactly that:
Step 3: Add a Desktop Shortcut
First, create a file named “Firefox Developer Edition.desktop” in the following directory: ~/.local/share/applications. You can use any text editor to create this file, such as Gedit, Nano, or Vim.
Once you have created the file, paste the following content into it:
1[Desktop Entry] 2Version=1.0 3Name=Firefox Developer Edition 4StartupWMClass="firefox-aurora", "Firefox Developer Edition" 5GenericName=Web Browser 6Exec=/opt/firefox-developer-edition/firefox 7Terminal=false 8Icon=/opt/firefox-developer-edition/browser/chrome/icons/default/default128.png 9Type=Application 10Categories=Network;WebBrowser;Favorites; 11StartupNotify=true 12Keywords=web;browser;internet; 13Actions=new-window;new-private-window; 14StartupWMClass=Firefox Developer Edition 15MimeType=text/html;text/xml;application/xhtml_xml;x-scheme-handler/http;x-scheme-handler/https;x-scheme-handler/ftp; 16X-Ayatana-Desktop-Shortcuts=NewWindow;NewIncognito 17 18[Desktop Action NewWindow] 19Name=New Window 20Exec=/opt/firefox-developer-edition/firefox --new-window %u 21OnlyShowIn=Unity; 22 23[Desktop Action NewIncognito] 24Name=New Incognito Window 25Exec=/opt/firefox-developer-edition/firefox --private-window %u 26OnlyShowIn=Unity;
Save the file and close the text editor.
Once you have saved the file, Firefox Developer Edition should now appear in your start menu when you type in Firefox. Drag and drop it to your sidebar to create a shortcut.
That’s all there is to it! You can now launch Firefox Developer Edition directly from your Start menu or drag and drop it to your sidebar.
This post is part of #100DaysToOffload 48 posts since Dec 04, 2022 — 85 total posts