Articles by Jan Honza Odvarko
-
Performance Tool in Firefox DevTools Reloaded
In Firefox 98, we’re shipping a new version of the existing Performance panel. This panel is now based on the Firefox profiler tool that can be used to capture a performance profile for a web page, inspect visualized performance data and analyze it to identify slow areas.
-
Firefox’s New WebSocket Inspector
The Firefox DevTools team and our contributors were hard at work over the summer, getting Firefox 70 jam-packed with improvements. We are especially excited about our new WebSocket inspection feature. To use the inspector now, download Firefox Developer Edition, and open the DevTools’ Network panel to find the Messages tab. Then, keep reading to learn more about WebSockets and the tricks that the new panel has up its sleeve.
-
Debugging TypeScript in Firefox DevTools
Firefox Debugger has evolved into a fast and reliable tool chain over the past several months and it’s now supporting many cool features. Though it's primarily used to debug JavaScript, did you know that you can also use Firefox to debug your TypeScript applications? Jan 'Honza' Odvarko walks through some real world examples.
-
Saying Goodbye to Firebug
The most popular and powerful web development tool. Firebug has been a phenomenal success. Over its 12-year lifespan, the open source tool developed a near cult following among web developers. When it came out in 2005, Firebug was the first tool to let programmers inspect, edit, and debug code right in the Firefox browser.
-
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.
-
Firebug lives on in Firefox DevTools
Firebug, the original browser developer tool, has been discontinued as a separate Firefox add-on, and will go forward as Firebug.next atop Firefox DevTools. The spirit of Firebug lives on in all of the browser developer tools we build and use today.
-
Firebug & DevTools Integration
You might have already heard about our effort to unify native Firefox Developer tools (DevTools) and Firebug. We’ve been working hard to port all favorite Firebug features into native DevTools, make them multi-process compatible, and available for remote debugging (i.e., e10s compatible). We’ve been also working hard to make the transition path from Firebug to […]
-
RDP Inspector: An extension for Firefox Developer Tools
RDP Inspector is a Firefox extension that intercepts the Remote Debugging Protocol (RDP) and allows inspection of all data sent and received. This extension is useful for anyone who wants to extend native developer tools in Firefox by implementing new remotable features or for those who want to learn more about how built-in tools use […]
-
Pixel Perfect 2: extension for Firefox Developer Tools
Pixel Perfect is a Firefox extension that enables web designers to overlay a web page with semi-transparent images (layers). The designer can then tweak the page’s content until it exactly matches the layer.
