Developer Tools Articles
-
Firefox Quantum Developer Edition: the fastest Firefox ever with Photon UI and better tooling
Firefox Quantum is now available in Developer Edition, and this Firefox is fast. Today’s release is a major milestone towards our next-generation browser, and includes Quantum CSS, Firefox's new CSS rendering engine; Photon, a major UI refresh; and lots more speed and features you've requested.
-
Developer Edition Devtools Update: Now with Photon UI
An update on all the changes and improvements to Firefox Dev Tools available now in the Firefox Quantum Developer Edition release. Beginning with the brand-new logo and new Photon UI, the DevTools suite is faster and more responsive to developer needs - including improvements to the Inspector, Console, Debugger, and Network Monitor.
-
Tour the latest features of the CSS Grid Inspector, July 2017
We began work on a developer tool to help with understanding and using CSS Grid over a year ago. In March, we shipped the first version of a Grid Inspector in the Firefox DevTools along with CSS Grid. Now significant new features are landing in Firefox Nightly. Here’s a tour of what’s arrived in July […]
-
Inspect, Modify, and Debug React and Redux in Firefox with Add-ons
React, along with Redux, is one of the fastest and most flexible UI frameworks on the web. It’s easy to write, easy to use and is great for teams. However, it's not easy to debug them in the browser. Now, browser add-ons like React Developer Tools, Redux DevTools, and Vue let you inspect, modify, and debug your code right in the browser.
-
Powerful New Additions to the CSS Grid Inspector in Firefox Nightly
CSS Grid is revolutionizing web design. It’s a flexible, simple design standard that can be used across all browsers and devices. That's why we built CSS Grid Inspector. We’ve been working hard on the Firefox Developer Tools Layout panel, adding powerful new features to the Grid Inspector and Box Model. The latest enhancements are now available in Firefox Nightly.
-
Network Monitor Reloaded (Part 1)
The Network Monitor tool has been available in Firefox since the earliest days of Firefox Dev Tools. It’s an invaluable tool for anyone who cares about page load performance and fast modern web pages. Now the monitor has been re-architected for a more modern web development workflow using standard web technologies
-
Hacking on the Network Monitor Developer Tool (Part 2)
Go hands-on with the Network Monitor! We'll walk you through the process of running this dev tool on top of the Launchpad and utilizing the hot-reload feature to see code changes instantly.
-
Debugger.html Call Stack Improvements
Debugger.html is an open source project, built on top of React and Redux, that functions as a standalone debugger for Firefox, Chrome and Node. The debugger is also being integrated into the Firefox Developer Tools offering. Currently it is available in the Firefox 53 release behind the devtools.debugger.new-debugger-frontend preference.
-
Fathom: a framework for understanding web pages
Meet Fathom, a mini-language for writing semantic extractors, that you can use client- or server-side to extract meaning from the content of a web page. Scoop up all those ideas you threw away because they required too much understanding by the browser. We can do that now.
-
Developer Edition 54: New inspector and debugger features, MDN help in the netmonitor, and more
A roundup of great new developer tool features and fixes released in Firefox Developer Edition 54 - for debugging, inspecting, monitoring, and generally making your workflow smarter and better.
