LOGIN

Firefox Developer Edition

Firefox Developer Edition

The Firefox Developer Edition is a modified version of Firefox, specifically designed for web developers. It also uses a separate profile than the regular version of Firefox. Meaning you can have both Firefox or f-Beta, installed next to the 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 two ways to do this, manually or PPA:

Manually

Download from here: Firefox Developer Edition — Mozilla

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.

  1. [Desktop Entry]
  2. Name=Firefox Developer
  3. GenericName=Firefox Developer Edition
  4. Exec=/opt/firefox_dev/firefox
  5. Terminal=false
  6. Icon=/opt/firefox_dev/browser/icons/mozicon128.png
  7. Type=Application
  8. Categories=Application;Network;X-Developer;
  9. Comment=Firefox Developer Edition Web Browser.

To launch it, search for Firefox Developer, and simply run the firefox binary, and voilà.

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.mozilla.org from Developer Edition - Mozilla | MDN #The_latest_Firefox_features

Also:

Version 35.0a2, first offered to Firefox Developer Edition users on November 10, 2014 -

homepage of the Mozilla-project — Mozilla from Firefox — Aurora Notes (35.0a2) — Mozilla#main-content

Install Firefox Developer Edition, formerly know as Aurora, like so:

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

Ubuntu versions supported: Utopic (14.10), Trusty (14.04), Precise (12.04).

Due note that installing with the aforementioned ppa, will result in your current Firefox installation being replaced!

Uninstall

If you wish to remain with the Current default Firefox, because The FDE has no new feature you like, or for whatever reason, here are a few ways to uninstall it.

PPA

You can remove the ppa, and its packages, using ppa-purge. Install ppa-purge and then remove the ppa and its packages:

  1. sudo apt-get install ppa-purge
  2. ppa-purge ppa:ubuntu-mozilla-daily/firefox-aurora
  3. sudo apt-get install firefox

Manually

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

  1. sudo rm -r /opt/firefox_dev/
  2. sudo rm ~/.local/share/applications/firefox_dev.desktop

After that you have successfully removed the Firefox Developer Edition.

Screenshot

Firefox Developer Edition

Firefox Developer Edition on Ubuntu 14.04.1

Features

Some - but not all - features touted by Mozilla:

  • WebIDE:
    • allows you to develop, deploy and debug Web apps directly in your browser, or on a Firefox OS device. It 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. From there you can edit the app’s files. It’s one click to run the app in a simulator and one more to debug it with the 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.

License: CC BY-SA 4.0 EuroBytes | EuroBytes theme by | This website uses cookies. By using this website, you agree to its use of cookies. Information: Privacy, Terms Of Use.