

Style Editor – View and edit CSS styles associated with a Web page, create new ones and apply existing CSS stylesheets to any page. Network Monitor – See all the network requests your browser makes, how long each request takes and details of each request. JavaScript Debugger – Step through JavaScript code and examine or modify its state to help track down bugs. Web Console – See logged information associated with a Web page and use Web Console to interact with Web pages using JavaScript. 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. Page Inspector – Examine the HTML and CSS of any Web page and easily modify the structure and layout of a page. Performance Tools – Examine your web content’s frame rate, memory consumption and JS profile in a consolidated timeline view to help easily identify and troubleshoot performance bottlenecks. Verify alignment, dimensions and padding of any element using the Ruler and Measurement tools.ĭevTools Challenger – Use Developer Edition’s visual animation and CSS editing tools to explore the depths of the ocean and interact with the strangest of creatures. Visual Editing Tools – Visually edit CSS and HTML animations playing on the page from the Inspector panel. I will show you through the step by step installation Firefox Developer Edition web browser on a Ubuntu 16.04 (Xenial Xerus) server. The installation is quite simple and assumes you are running in the root account, if not you may need to add ‘sudo’ to the commands to get root privileges. This article assumes you have at least basic knowledge of linux, know how to use the shell, and most importantly, you host your site on your own VPS. This edition of Firefox is available for most of operating systems like Windows, Linux, and MAC OS.



This browser comes preloaded with many web developer tools such as WebIDE and Valence which allows developers to debug other browsers and apps directly from within Firefox developer. It streamlines the development workflow so developers don’t need to bounce between different platforms and browsers. Firefox developer edition, which is a browser built specifically for web developers, was first introduced by Mozilla back in November 2014.
