Inertia Props Inspector

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.

Comments

[kobrynovych]

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 🙌

chromewebstore.google.com/detail/i...