Inertia DevTools is now available on the Chrome Web Store. The extension adds an "Inertia" panel to Chrome DevTools that records every Inertia visit and displays what was sent and received.

Requests appear in a timeline on the left, and a live indicator marks any request still in progress. Entries can be filtered by method, request type, or status, and searched across URLs and components. Related requests — a visit plus its follow-up partial reloads, deferred loads, polls, prefetches, and Precognition validation requests — are grouped into a single entry.

Selecting a request opens four tabs: Props shows every prop as a tree with badges for deferred, optional, merged, and shared props; HTTP displays request and response headers and bodies; Route shows the matched route name, URI, and controller action; Page shows the full page state after Inertia handled the response, including data merged in from partial reloads. File references link into the editor, with VS Code, PhpStorm, Cursor, and Zed supported out of the box; Sublime Text needs a separate URL scheme handler, such as SublimeUrl, to work the same way.

Client-side visits and requests served from the prefetch cache are recorded as their own timeline entries, so navigations that never reach the server remain inspectable. Entries are written to storage/inertia-devtools, pruned automatically, and configurable under devtools.storage in config/inertia.php. No data is transmitted to any remote service, sensitive prop keys and headers are redacted before storage (configurable under devtools.redact), and tooling routes like Telescope and Horizon are excluded.

No package installation is needed: the recorder ships with the client-side adapter at ^3.6 and the Laravel adapter at ^3.2. Install the extension, open Chrome DevTools, select the Inertia panel, and run the Vite dev server for full functionality. Documentation is at inertiajs.com, and the source is on GitHub under the MIT license.