Mozilla has long offered alternatives to the stable channel of Firefox where they publish test versions of their browser that will later be officially distributed. Firefox Developer Edition now replaces the Aurora channel to offer an updated version of the browser every six weeks, long before its official release on the standard channel and is rounded off with unique features aimed at web development.
Firefox Developer Edition includes several tools to create, edit, and test projects on several devices and browsers, bringing all the new features together in a drop-down menu on the toolbar. It includes the WebID system (a development kit for creating web pages and applications for Firefox OS) as well as an extension to view and edit projects on other devices such as smartphones and tablets or check page display on other browsers such as Chrome or Safari.
Some other features Firefox Developer Edition include options to inspect the page’s source code and modify the HTML and CSS code directly from the browser while seeing the changes in real time. It also has features for debugging and performance analysis that allow, for example, checking network status when making online requests or viewing a log of changes with each of your page interactions.
On a standard user level, the only thing that’s different is a darker visual theme and the included features mentioned above that are not available on the stable channel, making this version ideal both for developers and for those who want to stay in the know on everything happening with their favorite browser.
Firefox Developer Edition Features
Master CSS Grid
Firefox is the only browser with tools built specifically for building and designing with CSS Grid. These tools allow you to visualize the grid, display associated area names, preview transformations on the grid and much more.
Firefox DevTools has a brand new shape path editor that takes the guesswork out of fine-tuning your shape-outside and clip-path shapes by allowing you to very easily fine-tune your adjustments with a visual editor.
The new fonts panel in Firefox DevTools gives developers quick access to all of the information they need about the fonts being used in an element. It also includes valuable information such as the font source, weight, style and more.