Mozilla released the mozilla firefox developer edition How should i install this on ubuntu?

Source:

Best Answer


Firefox Developer Edition

The firefox developer edition is a modified version of firefox that is specifically designed for web developers It uses a separate profile than the regular version of Firefox. You can have firefox or f-beta installed next to developer edition Note that your F.D.E. will be a completely UN-customized browser. To unify settings, you can use Firefox sync .

Here's one of many perks when using F.D.E.

"By using the Developer Edition, you gain access to tools and platform features at least 12 weeks before they reach the main Firefox release channel." - Developer Edition - Mozilla | MDN#The_latest_Firefox_features

Installation

There are currently three ways to do this, manually, PPA or via Ubuntu Make .

Manually

Download from Mozilla Firefox Developer Edition webpage . Extract it with file-roller and move the folder to its final location. A good practice is to install it in /opt/ or /usr/local/ .

Once you moved the files to their final location (say /opt/firefox_dev/ ), you can create the following file ~/.local/share/applications/firefox_dev.desktop to get a launcher with an icon distinct from normal Firefox.

[Desktop Entry]
Name=Firefox Developer
GenericName=Firefox Developer Edition
Exec=/opt/firefox_dev/firefox %u
Terminal=false
Icon=/opt/firefox_dev/browser/chrome/icons/default/default128.png
Type=Application
Categories=Application;Network;X-Developer;
Comment=Firefox Developer Edition Web Browser.
StartupWMClass=Firefox Developer Edition

Please note, that the parameter StartupWMClass is added to prevent duplicate icons in the launcher, as explained here.

To mark the launcher as trusted, make it executable.

chmod +x ~/.local/share/applications/firefox_dev.desktop

To launch it, navigate to ~/.local/share/applications/ using your "Files" application (ensure you turn on hidden folders), then double-click firefox_dev.desktop. Alternatively, search for Firefox Developer , and simply run the firefox binary, and voilà.

Note that, when you install manually, the F.D.E. does not have the unity global menu by default.

PPA

Firefox for developers currently resides in Firefox Aurora builds : “Ubuntu Mozilla Daily Build Team” team . It should be noted that

"Firefox Developer Edition replaces the Aurora channel in the Firefox Release Process. Like Aurora, features will land in the Developer Edition every six weeks, after they have stabilized in Nightly builds." - Developer Edition - Mozilla | MDN #The_latest_Firefox_features

Also.

"Version 35.0a2, first offered to Firefox Developer Edition users on November 10, 2014" - Firefox — Aurora Notes (35.0a2) — Mozilla#main-content

Install the firefox developer edition formerly known as aurora like this

sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora
sudo apt-get update
sudo apt-get install firefox

The mozilla ppa only holds packages for the supported ubuntu releases, not eol(end of life) releases.

Please note that installing with the above-mentioned ppa will result in your current firefox installation being replaced

Ubuntu Make

This method was provided by jorge castro This is included here because it is also an excellent way to install the firefox developer editionand many other development tools

sudo add-apt-repository ppa:lyzardking/ubuntu-make
sudo apt-get update
sudo apt-get install ubuntu-make

After you have installed ubuntu-make, tell it to install the web tool firefox-dev .

umake web firefox-dev

Uninstall

If you wish to maintain the current default firefox because the fde has no new features you like or for whatever reason here are some ways to uninstall it

PPA

You can remove the ppa and its packages using ppa-purge

Install it like so.

sudo apt-get install ppa-purge

The following will remove the ppa and its packages

sudo ppa-purge ppa:ubuntu-mozilla-daily/firefox-aurora

Manually

remove the binaries with the rm command(rename the path to the location you actually extracted FDE). Or with your file-manager.

sudo rm -r /opt/firefox_dev/

Also remove the firefox_dev.desktop

sudo rm ~/.local/share/applications/firefox_dev.desktop

You successfully removed the developer edition of firefox

Ubuntu Make

the following command will remove Firefox Developer Edition.

umake web firefox-dev -r

You can also remove umake and its PPA ( ppa-purge needed, see installation instructions above).

sudo ppa-purge ppa:lyzardking/ubuntu-make

Screenshot

enter image description here Firefox Developer Edition on Ubuntu 14.04.1

Change Theme

At the time of writing, there are three themes available for F.D.E. Here's how to do this

Please type in the url bar

about:config

When in the search filter type in theme . Then double click on devtools.theme . After that, type in light , and the theme will be applied.

Multiple FDE themes

Screenshot with multiple themes available for F.D.E.

Features

Some but not all of the features promoted by mozilla

  • WebIDE:

    • allows you to develop, deploy and debug Web apps directly in your browser, or on a Firefox OS device. This tool lets you create a new firefox os app which is just a web app from a template or open up the code of an existing app You can edit the app files here Use one click to launch the application in a simulator and one more click to debug it with developer tools

    • Web IDE - YouTube

  • Valence:

    • (previously called Firefox Tools Adapter) lets you develop and debug your app across multiple browsers and devices by connecting the Firefox dev tools to other major browser engines. Valence also extends the awesome tools we’ve built to debug Firefox OS and Firefox for Android to the other major mobile browsers including Chrome on Android and Safari on iOS. So far these tools include our inspector, debugger and console and style editor.

    • Valence - YouTube

  • Responsive Design Mode:

    • see how your website or Web app will look on different screen sizes without changing the size of your browser window.

  • Page Inspector:

    • examine the HTML and CSS of any Web page and easily modify the structure and layout of a page.

  • Web Console:

    • see logged information associated with a Web page and use Web Console and interact with a Web page using JavaScript.

  • JavaScript Debugger:

    • step through JavaScript code and examine or modify its state to help track down bugs.

  • Network Monitor:

    • see all the network requests your browser makes, how long each request takes and details of each request.

  • Style Editor:

    • view and edit CSS styles associated with a Web page, create new ones and apply existing CSS stylesheets to any page.

  • Web Audio Editor:

    • inspect and interact with Web Audio API in real time to ensure that all audio nodes are connected in the way you expect.

Reference .