Inertia DevTools for Firefox – Full Feature Parity | Mohamed Said [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://msaied.com) [ Home ](https://msaied.com) [ Projects ](https://msaied.com/projects) [ Articles ](https://msaied.com/articles) [ Certificates ](https://msaied.com/certificates) [ Contact ](https://msaied.com#contact-section) [ ](https://github.com/EG-Mohamed) [ Home ](https://msaied.com) [ Projects ](https://msaied.com/projects) [ Articles ](https://msaied.com/articles) [ Certificates ](https://msaied.com/certificates) [ Contact ](https://msaied.com#contact-section) [ home ](https://msaied.com) [ articles ](https://msaied.com/articles) Inertia DevTools Now Available for Firefox On this page 1. [ Inertia DevTools Arrives on Firefox ](#inertia-devtools-arrives-on-firefox) 2. [ What the Extension Does ](#what-the-extension-does) 3. [ Inspecting Props and Page State ](#inspecting-props-and-page-state) 4. [ Editor Deep Links ](#editor-deep-links) 5. [ Privacy and Security ](#privacy-and-security) 6. [ How It Works Under the Hood ](#how-it-works-under-the-hood) 7. [ Getting Started ](#getting-started) 8. [ Key Takeaways ](#key-takeaways) ![Inertia DevTools Now Available for Firefox](https://cdn.msaied.com/674/445325ab535802b1b68d3adc3ada5cd0.png) [ Laravel ](https://msaied.com/articles?category=laravel) [ Open Source ](https://msaied.com/articles?category=open-source) #Inertia.js #DevTools #Firefox #Laravel #Debugging Inertia DevTools Now Available for Firefox ============================================ 17 Sep 2026 3 min read ![Mohamed Said](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp) Mohamed Said Table of contents 1. [ 01 Inertia DevTools Arrives on Firefox ](#inertia-devtools-arrives-on-firefox) 2. [ 02 What the Extension Does ](#what-the-extension-does) 3. [ 03 Inspecting Props and Page State ](#inspecting-props-and-page-state) 4. [ 04 Editor Deep Links ](#editor-deep-links) 5. [ 05 Privacy and Security ](#privacy-and-security) 6. [ 06 How It Works Under the Hood ](#how-it-works-under-the-hood) 7. [ 07 Getting Started ](#getting-started) 8. [ 08 Key Takeaways ](#key-takeaways) Inertia DevTools Arrives on Firefox ----------------------------------- Firefox developers building Inertia.js applications no longer need to switch browsers to get a proper debugging experience. Inertia DevTools is now available on the [Firefox Add-ons store](https://addons.mozilla.org/en-US/firefox/addon/inertia-js-devtools/), bringing complete feature parity with the existing Chrome extension. What the Extension Does ----------------------- Once installed, the extension adds a dedicated **Inertia panel** inside Firefox DevTools. The panel records every visit your application makes, including: - Initial page loads - Client-side navigations - Partial reloads - Deferred and optional props - Polls and prefetches - Redirects Follow-up requests are grouped under the visit that triggered them, keeping the timeline clean instead of scattering related requests across the list. ### Inspecting Props and Page State Selecting any recorded visit reveals its props rendered as a tree. Each prop node is annotated with badges indicating whether it is **deferred**, **optional**, **merged**, or **shared**. Alongside the prop tree you get: - Full request and response headers and bodies - The matched route and controller action - The complete Inertia page state after the response was handled ### Editor Deep Links Render calls, shared props, and route actions include direct links back to the exact file and line in your editor. Supported editors are: - VS Code - PhpStorm - Cursor - Sublime Text - Zed ### Privacy and Security Authorization headers, cookie headers, CSRF tokens, and other sensitive fields are **redacted automatically** before they appear in the panel. All recorded data stays on your local machine. How It Works Under the Hood --------------------------- Recording is driven by the Inertia backend adapter rather than browser-level request interception. This means setup and behaviour are identical to the Chrome extension once your Laravel (or other Inertia-compatible) application is running locally. Getting Started --------------- 1. Install the extension from the [Firefox Add-ons store](https://addons.mozilla.org/en-US/firefox/addon/inertia-js-devtools/). 2. Open Firefox DevTools (`F12` or right-click → Inspect). 3. Select the **Inertia** panel from the DevTools tab bar. 4. Load or navigate your local application — visits will appear in the timeline immediately. No additional configuration is required beyond having a working Inertia backend adapter in your project. Key Takeaways ------------- - Inertia DevTools is now available for Firefox with full parity to the Chrome extension. - The panel records all visit types and groups follow-up requests under their parent visit. - Props are displayed as a tree with deferred, optional, merged, and shared badges. - Editor deep links work with VS Code, PhpStorm, Cursor, Sublime Text, and Zed. - Sensitive headers and tokens are redacted; data never leaves your machine. - Recording is powered by the Inertia backend adapter, so no extra browser setup is needed. For full setup details see the [Inertia DevTools documentation](https://inertiajs.com/docs/devtools) and the [GitHub repository](https://github.com/inertiajs/inertia-devtools). --- *Source: [Inertia DevTools Now Available for Firefox – Laravel News](https://laravel-news.com/inertia-devtools-firefox)* Found this useful? [ ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fmsaied.com%2Farticles%2Finertia-devtools-now-available-for-firefox&text=Inertia+DevTools+Now+Available+for+Firefox) [ ](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fmsaied.com%2Farticles%2Finertia-devtools-now-available-for-firefox) Frequently Asked Questions ---------------------------- 3 questions Q01 Is the Firefox Inertia DevTools extension feature-complete compared to the Chrome version? Yes. The Firefox extension ships with full parity to the Chrome extension, including the visit timeline, prop trees with deferred/optional/merged/shared badges, request and response headers and bodies, route and controller info, editor deep links, and automatic redaction of sensitive fields. Q02 Which editors are supported for deep links in Inertia DevTools? The extension supports editor deep links for VS Code, PhpStorm, Cursor, Sublime Text, and Zed, letting you jump directly to the relevant file and line from the DevTools panel. Q03 Does Inertia DevTools send any recorded data to external servers? No. Sensitive fields such as authorization headers, cookies, and CSRF tokens are redacted before they appear in the panel, and all recorded data stays on your local machine. Continue reading More Articles --------------- [ View all ](https://msaied.com/articles) [ ![Mercure Broadcasting in Laravel 13.32](https://cdn.msaied.com/672/f3bf9ae116410789061208a12ebf2682.png) Laravel Broadcasting Mercure ### Mercure Broadcasting in Laravel 13.32 Laravel 13.32 ships a native Mercure broadcast driver using SSE, new copyToDisk() and moveToDisk() filesystem... ![Mohamed Said](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp) Mohamed Said 16 Sep 2026 3 min read Read ](https://msaied.com/articles/mercure-broadcasting-in-laravel-1332) [ ![Laravel Vet: Review Composer Packages Before They Install](https://cdn.msaied.com/673/b28242efe2234ba0270b986e508570d2.png) Laravel Composer Security ### Laravel Vet: Review Composer Packages Before They Install Laravel Vet is a new official Composer plugin that intercepts every `composer update`, shows you the code diff... ![Mohamed Said](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp) Mohamed Said 15 Sep 2026 4 min read Read ](https://msaied.com/articles/laravel-vet-review-composer-packages-before-they-install) [ ![What's New in PHP 8.6: Every Feature You Need to Know](https://cdn.msaied.com/671/4d84541d3dfb8c0d442b22cb158658ec.png) PHP 8.6 PHP New Features ### What's New in PHP 8.6: Every Feature You Need to Know PHP 8.6 lands on November 19, 2026, bringing partial function application, a clamp() function, a Duration clas... ![Mohamed Said](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp) Mohamed Said 15 Sep 2026 3 min read Read ](https://msaied.com/articles/whats-new-in-php-86-every-feature-you-need-to-know) [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://msaied.com)Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. Explore - [Home](https://msaied.com) - [Projects](https://msaied.com/projects) - [Articles](https://msaied.com/articles) - [Certificates](https://msaied.com/certificates) - [Contact](https://msaied.com#contact-section) Connect - [ hello@msaied.com ](mailto:hello@msaied.com) - [ +20 109 461 9204 ](tel:+201094619204) © 2026 Mohamed Said. All rights reserved. [ ](https://github.com/EG-Mohamed) [ ](https://www.linkedin.com/in/msaiedm/) [ ](https://wa.me/201094619204) [ ](mailto:hello@msaied.com) [ ](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view)