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?
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 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.
- 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).
To download the latest browser, click here.