Inertia DevTools for Firefox – Full Feature Parity | Mohamed Said [Skip to content](#main) [ ![](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed SaidLaravel Backend Engineer ](https://www.msaied.com/public) - [Home](https://www.msaied.com/public) - [Projects](https://www.msaied.com/public/projects) - [Articles](https://www.msaied.com/public/articles) - [Certificates](https://www.msaied.com/public/certificates) - [About](https://www.msaied.com/public#about) [ Contact](https://www.msaied.com/public#contact) Menu Menu ---- Close - [HomeStart here](https://www.msaied.com/public) - [ProjectsCase studies](https://www.msaied.com/public/projects) - [ArticlesEngineering notes](https://www.msaied.com/public/articles) - [CertificatesCredentials](https://www.msaied.com/public/certificates) - [AboutHow I work](https://www.msaied.com/public#about) - [ContactGet in touch](https://www.msaied.com/public#contact) [Start a conversation](https://www.msaied.com/public#contact) [WhatsApp](https://wa.me/201094619204) [Email](mailto:hello@msaied.com) 1. [Home](https://www.msaied.com/public) 2. / 3. [Articles](https://www.msaied.com/public/articles) 4. / 5. [Laravel](https://www.msaied.com/public/articles?category=laravel) 6. / 7. Inertia DevTools Now Available for Firefox [Laravel](https://www.msaied.com/public/articles?category=laravel) [Open Source](https://www.msaied.com/public/articles?category=open-source) Inertia DevTools Now Available for Firefox =========================================== Inertia DevTools has landed on Firefox with full feature parity to the Chrome extension. Firefox users can now inspect Inertia visits, props, routes, and controller info directly inside the browser's DevTools panel. ![](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp) [Mohamed Said](https://www.msaied.com/public#person) Published 17 Sep 2026 · Updated 17 Sep 2026 · 3 min read ShareCopy linkCopied ![Inertia DevTools Now Available for Firefox](https://cdn.msaied.com/674/445325ab535802b1b68d3adc3ada5cd0.png) 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 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)* - [Inertia.js](https://www.msaied.com/public/articles?search=Inertia.js) - [DevTools](https://www.msaied.com/public/articles?search=DevTools) - [Firefox](https://www.msaied.com/public/articles?search=Firefox) - [Laravel](https://www.msaied.com/public/articles?search=Laravel) - [Debugging](https://www.msaied.com/public/articles?search=Debugging) Frequently asked questions --------------------------- 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. 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. 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. ![Mohamed Said](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp)About the author ---------------- [Mohamed Said](https://www.msaied.com/public#person)Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. [About](https://www.msaied.com/public#about) [GitHub ↗](https://github.com/EG-Mohamed) [LinkedIn ↗](https://www.linkedin.com/in/msaiedm/) [WhatsApp ↗](https://wa.me/201094619204) [Email Address ↗](mailto:hello@msaied.com) [My CV ↗](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view) [Previous articleLaravel Scalpel: Filesystem Intrusion Evidence Scanner for Laravel Apps](https://www.msaied.com/public/articles/laravel-scalpel-filesystem-intrusion-evidence-scanner-for-laravel-apps) [Next articleFresh: A Laravel Package Skeleton with Testbench, CI, and Boost Integration](https://www.msaied.com/public/articles/fresh-a-laravel-package-skeleton-with-testbench-ci-and-boost-integration) 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) ### Have a technical challenge? Tell me what you’re building. I reply within two working days. [Start a conversation](https://www.msaied.com/public#contact) Related articles ----------------- [ ![](https://cdn.msaied.com/743/8998fac3a41451ab3fe1588194e17a43.png) Filament · 3 min read### Securing Filament Plugins with Plumb: Automated Security Scoring for PHP Packages 5 Oct 2026 ](https://www.msaied.com/public/articles/securing-filament-plugins-with-plumb-automated-security-scoring-for-php-packages) [ ![](https://cdn.msaied.com/742/2d02018669cdeedccb5de2efb898f0ee.png) Filament · 3 min read### Filament v3.3.56 Released: File Hash Names and Livewire Upload Fix 5 Oct 2026 ](https://www.msaied.com/public/articles/filament-v3356-released-file-hash-names-and-livewire-upload-fix) [ ![](https://cdn.msaied.com/741/5b55c123ad08e4d34e1f4b99ad6a428b.png) · 3 min read### Filament v4 Schema-Based Forms, Infolists, and the Unified Schema API 5 Oct 2026 ](https://www.msaied.com/public/articles/filament-v4-schema-based-forms-infolists-and-the-unified-schema-api-5) Have a technical challenge? ---------------------------- Tell me what you’re building. I reply within two working days. [Discuss your project ↗](https://www.msaied.com/public#contact) © 2026 Mohamed Said · Built with Laravel, meant to last.Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. - [Home](https://www.msaied.com/public) - [Articles](https://www.msaied.com/public/articles) - [Certificates](https://www.msaied.com/public/certificates) - [GitHub](https://github.com/EG-Mohamed) - [LinkedIn](https://www.linkedin.com/in/msaiedm/) - [WhatsApp](https://wa.me/201094619204) - [Email Address](mailto:hello@msaied.com) - [My CV](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view) - [Sitemap](https://www.msaied.com/public/sitemap.xml)