Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Happy Birthday Firefox: A Browser Gift to Developers

DZone's Guide to

Happy Birthday Firefox: A Browser Gift to Developers

· Java Zone
Free Resource

Learn how to troubleshoot and diagnose some of the most common performance issues in Java today. Brought to you in partnership with AppDynamics.

Image Source

This past Monday, Dave Camp, Director of Developer Tools at Mozilla, announced the latest iteration of the Firefox browser: Firefox Developer Edition.

The release comes as part of Firefox’s tenth birthday celebration. Firefox has always been developer-centric with its integrated WebAPIs and Add-ons. Now, says Camp:

…we’re giving developers the whole browser as a hard-hat area, allowing us to bring front and center the features most relevant to them. Having a dedicated developer browser means we can tailor the browsing experience to what developers do every day.


With a sleek, dark design, the browser is eye-catching, attractive, and sets itself apart from its competitors. So what’s under the hood of the engine?


Valence

You might have seen this before as the Firefox Tools Adapter. Now, it’s built into the browser. Valence enables you to develop and debug apps in a variety of browsers, from desktops to mobile. Says Camp:


Rather than interfacing directly with content, it speaks to the remote debugging protocol surfaced by Chrome and iOS. This implementation is hosted inside the Firefox process, and used internally by the Firefox Developer Tools.


WebIDE

WebIDE works in conjunction with Valence to improve your development process. The WebIDE replaces the previous App Manager.

Like the App Manager, it enables you to run and debug Firefox OS apps using the Firefox OS Simulator or a real Firefox OS device.

However, it also provides an editing environment for you to create and develop Firefox OS apps, including a tree view of all the files in your app with the ability to edit and save them, and two app templates to help you get started.


And don’t forget…

Firefox will still keep all the other tools developers are familiar with, including:

  • 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.

Hide Your History

Firefox’s latest browser still stays true to its consumers who just want a browser that looks and feels great to use. In addition to an upgraded design, the browser also has a “Forget” option.

The button is essentially an add-on that will wipe any cookies and history from a set amount of time -  five minutes, two hours, or 24 hours - while keeping your passwords and auto-fill information intact. This means that, if you want a fast scrub of your browser - for whatever reason, no judgment - you can do so quickly and easily (yes, you can still do private browsing).


Further Sources

To download the latest browser, click here.

Understand the needs and benefits around implementing the right monitoring solution for a growing containerized market. Brought to you in partnership with AppDynamics.

Topics:

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}