Inertia Props Inspector

Inspect Inertia.js props live in DevTools

10 followers

Inspect Inertia.js props live in DevTools

10 followers

Visit website

Website analytics

Inertia Props Inspector is a lightweight DevTools companion for Inertia.js apps. Log current page data (component, props, url, version) to the console with one click — and keep it automatically updated after every SPA navigation. Built for real-world debugging: works in production where Vue/React DevTools aren’t available. Compatible with Inertia v1 & v2, any adapter (Vue, React, Svelte), and any backend. Uses only public Inertia events — no hacks, no overhead.

Free

Launch tags:Chrome Extensions•Developer Tools

Launch Team

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

Promoted

Maker

📌

Hey everyone 👋 I built Inertia Props Inspector out of a real frustration while debugging Inertia.js apps. During development, tools like Vue or React DevTools make it easy to inspect page props. But in production (or staging), that visibility is gone — even though Inertia is still passing all the data under the hood. So I wanted a simple way to: → see exactly what props are being sent → verify data after navigation → debug issues without adding temporary logs or modifying code This extension logs the current page (component, props, URL, version) straight to the console — and keeps it updated automatically after every SPA navigation. No reloads, no hacks. It works across different stacks (Vue, React, Svelte) and Inertia versions, using only public events. Would love your feedback: What would make this more useful for your workflow? Any edge cases you've run into with Inertia debugging? Thanks for checking it out 🙌

Report

17d ago

Forum Threads

p/inertia-props-inspector

•

17d ago

Inertia Props Inspector: Log Inertia.js page props live in the DevTools console.

Hey everyone
I built Inertia Props Inspector out of a real frustration while debugging Inertia.js apps.
During development, tools like Vue or React DevTools make it easy to inspect page props. But in production (or staging), that visibility is gone even though Inertia is still passing all the data under the hood.
So I wanted a simple way to:
see exactly what props are being sent
verify data after navigation
debug issues without adding temporary logs or modifying code
This extension logs the current page (component, props, URL, version) straight to the console and keeps it updated automatically after every SPA navigation. No reloads, no hacks.
It works across different stacks (Vue, React, Svelte) and Inertia versions, using only public events.
Would love your feedback:
What would make this more useful for your workflow?
Any edge cases you've run into with Inertia debugging?
Thanks for checking it out

View all