• Bringing Content Management to new level.


  • Packed with Tons of features From the box.


  • Providing Great Support for our users.


New blog posts

35 Amazing HDR Photos of 35 World Cities
35 Amazing HDR Photos of 35 World Cities

If you want to make sure for your picture to...

A Closer Look at Mozilla Firefox Developer Edition
A Closer Look at Mozilla Firefox Developer Edition

Just in time for Mozilla’s 10th...

Special block

This is block with box-special class name.

You can change this block in admin panel. Remember, if you change template, this block will be lost. We advise you to clone this block.

Ne lorem percipit efficiantur mei, ius ut simul vidisse. An vel probatus explicari appellantur. Has et comprehensam interpretaris, quo no inimicus maluisset temporibus. Ea mea quod.

A Closer Look at Mozilla Firefox Developer Edition

Posted on Nov 18, 2014

A Closer Look at Mozilla Firefox Developer Edition

Just in time for Mozilla’s 10th anniversary of Firefox, comes a series of new projects such as Polaris, Interest Dashboard and the one that’s been talked about for quite some time – Firefox Developer Edition.

Although there are a lot of developer tool add-ons that can be integrated in the existing Mozilla Firefox browser, this new version of Firefox is design specifically for web developers.

This means most of the tools that you will see in this version of Firefox are web development related tools which come with a series of built-in applications for different development purposes to speed up the developer’s workflow.

With Firefox Developer Edition, you don’t need to install tools or plug-ins to debug apps for desktop or mobile devices. Everything is already set up so that you can focus on development.

What’s Inside?

The Theme

If you’ve used previous versions of Mozilla Firefox, you’ll be disappointed if you were expecting a brand new design. Once you have launched Mozilla Firefox Developer Edition, you’ll notice a new dark theme with square tabs instead of curved ones which are similar to the old version. That’s being said, this version gives you quicker access to developer tools

Default Tools

When you launch Mozilla Firefox Developer Edition for the first time, you’ll notice that there are six available tools (aside from the settings menu) by default:

  • Web Developer Tools – Contains developer tools
  • Bookmark/Show your Bookmark - Allows you to add, edit, delete or show bookmarks
  • Download Manager – Contains all download information
  • Firefox Developer Edition Start Page – Displays the start-up page of Mozilla Firefox with Google as the default search engine
  • Start a conversation – Simple messenger for Mozilla Firefox account
  • Open WebIDE – Offers a built-in editor for working with Firefox OS apps in simulators or Firefox OS devices as well as Firefox for android

The settings menu offers basic functions which are also available in the previous versions of Firefox. The following are setting options you can see from the menu:

 

  • Cut – Allows users to cut text
  • Copy – Allows users to copy text
  • Paste – Allows users to paste text
  • New Window – Allows users to open a new window
  • New Private Window – Allows users to open a new private/secured window
  • Save Page – Allows users to save the webpage in HTML format
  • Print – Allows users to print web pages
  • History – Contains browsing information
  • Full Screen – Allows users to put the browser in full-screen mode
  • Find – Allows users to search by keyword on a web page
  • Options – Allows users to create a different profile out of the box without affecting an existing profile on ordinary Firefox
  • Add-ons – Contains all add-ons information
  • Sync – Allows users to store Firefox data to Mozilla servers
  • Customize – Allows users to switch from the standard Firefox theme, and has additional tools and features such as open file, sidebars, share this page, subscribe, character encoding, email link, apps, forget and sync
  • Web Developer Tools

    Firefox Developer Edition consists of all common tools for web development process.

    Responsive Design View

    Responsive Design View is a new feature that lets you resize your screen to check the look of your site on different viewports. See the video below to see how it works.

Page Inspector

This feature helps you see HTML and CSS that was used on web pages to easily customize the structure or format of a page. See tutorial video below.

Web Console

One great thing about JavaScript is that it allows you to interact with the browser. This feature of Firefox Developer Edition allows you to see logged information associated with the web page you are working on and interact with the browser. Check out the video below to see how it works.

JavaScript Debugger

This feature of Firefox Developer Edition will help you check JavaScript code and carefully inspect, test or customize the state of code for easy debugging. See video below.

New Features

Firefox Developer Edition has two powerful new features: Valence and WebIDE. These features will definitely help you speed up development process as well as help to easily debug code.

Valence

This is the Firefox Tools Adapter which is an available add-on tool previously on the older versions. This allows you create and debug apps on different platforms and devices by connecting to Firefox dev tools. This feature supports multiple browsers across mobile OS. For more information, check out the video below.

WebIDE

Another great feature is the WebIDE. With this tool you can create, edit or debug apps using the built-in browser editor or on a Firefox OS device. This feature allows you to access files, make changes and run them in a simulator available inside this tool. See video below.

Additional Features

Aside from these two new features inside Firefox Developer Edition, there are also another two new features that will surely help you to have a safe browsing experience.

  •  

Verybottom block position

You can change this block in admin panel. Remember, if you change template, this block will be lost. We advise you to clone this block.

Ne lorem percipit efficiantur mei, ius ut simul vidisse. An vel probatus explicari appellantur. Has et comprehensam interpretaris, quo no inimicus maluisset temporibus. Ea mea quod incorrupte, brute laoreet at pri, eam antiopam honestatis efficiantur ea. Velit atomorum voluptaria ad nam, hinc aperiam accumsan ne est, ut dictas dissentias his.

Usu agam platonem maluisset ut, et sea volumus sadipscing. Nec viderer singulis delicata at. Agam dicunt verear pri in, te commodo officiis cum. Sensibus praesent mel ut, cu meis accumsan eos. Expetenda suscipiantur cu vel, at facete audiam vis, no pro vitae commune.

Footer block #1

You can change this block in admin panel. Remember, if you change template, this block will be lost. We advise you to clone this block.

Ne lorem percipit efficiantur mei, ius ut simul vidisse. An vel probatus explicari appellantur. Has et comprehensam interpretaris, quo no inimicus maluisset temporibus. Ea mea quod.

Footer block #2

You can change this block in admin panel. Remember, if you change template, this block will be lost. We advise you to clone this block.

Ne lorem percipit efficiantur mei, ius ut simul vidisse. An vel probatus explicari appellantur. Has et comprehensam interpretaris, quo no inimicus maluisset temporibus. Ea mea quod.

Footer block #3

You can change this block in admin panel. Remember, if you change template, this block will be lost. We advise you to clone this block.

Ne lorem percipit efficiantur mei, ius ut simul vidisse. An vel probatus explicari appellantur. Has et comprehensam interpretaris, quo no inimicus maluisset temporibus. Ea mea quod incorrupte.

Footer block #4

You can change this block in admin panel. Remember, if you change template, this block will be lost. We advise you to clone this block.

Ne lorem percipit efficiantur mei, ius ut simul vidisse. An vel probatus explicari appellantur. Has et comprehensam interpretaris, quo no inimicus maluisset temporibus. Ea mea quod.