Developer Tools Articles
-
Using Headless Mode in Firefox
Browser automation is not a new idea, but is an increasingly important part of how modern websites are built, tested, and deployed. Firefox now has support for headless mode, making it easier to use as a backend to automated tools. Learn how to work with headless mode in Firefox.
-
New in Firefox 58: Developer Edition
Dive into the changes coming in Firefox 58, currently available to preview in Firefox Developer Edition. Highlights include more control for CSS authors, an even better Debugger, added support for WebVR and FLAC, WebExtension API additions, and more.
-
Go beyond console.log with the Firefox Debugger
console.log is no debugger. It’s great for figuring out what your JavaScript app is up to, but it’s limited to spitting out a minimal amount of information. If your code is complex, you’ll need a proper debugger. That’s why we’ve added a new section to the Firefox Devtools Playground that’s all about debugging, with four basic lessons that use the Firefox Debugger to examine and repair a simple JavaScript to-do app.
-
Firefox 56: Last Stop before Quantum
Here at Mozilla, we’re extremely excited about next month’s release of Firefox Quantum, with massive speed improvements, a brand new UI, and many Developer Tools upgrades -- available now in Developer Edition. But last week's general release of Firefox 56 features good news for developers now - including "headless mode" across all OSes, our modern new debugger, and much more.
-
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