Inertia Props Inspector

Tracking since Apr 6, 2026.

Changelog

• May 8, 2026
  description

  Inertia Props Inspector is a powerful developer tool that helps you debug and analyze props in Inertia.js applications. This extension allows you to easily inspect, track, and log Inertia props directly to your console, making development and troubleshooting faster and more efficient.
  
  Key features:
  - One-click logging of Inertia props to console
  - Clean, intuitive interface
  - Lightweight performance impact
  - Works with all Inertia.js-powered applications
  
  Perfect for developers working with Laravel, Vue.js, or React in Inertia.js environments.
  
  🤔 What problem does it solve? 
  
  In Inertia.js projects, data is passed between the server and the client via the props object. Usually, to view this data in development mode, we use Vue/React DevTools. However, these tools are not available in production. My plugin allows you to see this data even in production! 
  
  💡 Inertia Props Inspector allows you to: 
  
  View props data directly in your browser on any environment, including production. Easily inspect what data is passed to each page. 
  
  ⚙️ How does it work now? 
  
  This version, the plugin displays props data at the time of a hard page reload. This is done intentionally to minimize the load on the browser. 
  
  🧪 I invite you to test! 
  
  You can test the plugin on the official Inertia.js demo site: 
  
  https://demo.inertiajs.com/

  Inertia Props Inspector — a lightweight DevTools companion for Inertia.js apps.
  
  One click logs the current page (component, props, url, version) to the browser console. Refreshed automatically after every SPA navigation — no full reload required.
  
  🤔 Why? Inertia delivers server data through page.props. Vue/React DevTools surface it during development, but they aren't available in production. This extension exposes the same data on any environment, including live production builds.
  
  ✨ Highlights
  - Updates on every Inertia visit, history back/forward, and component swap
  - Compatible with Inertia v1 and v2
  - Works with any adapter (Vue, React, Svelte) and any backend (Laravel and beyond)
  - Uses only public Inertia events — no private APIs, zero impact on the host page
  - Light and dark themes follow your OS
  
  🧪 Try it Official demo: https://demo.inertiajs.com

• May 8, 2026
  short_description

  For inspecting and logging Inertia.js page props (data-page) directly in the console.

  Log Inertia.js page props (component, props, url) live in the DevTools console — refreshed automatically after every SPA navigation.

Permissions & access

Permissions

activeTab

Host access

<all_urls>

Screenshots

Similar extensions

Alternatives to Inertia Props Inspector, ranked by description similarity.

Inertia.js Devtools

The unofficial Inertia.js devtools extension.

74

★ 5.0

Vue Inspector Pro

Debug Vue.js apps with component tree, state inspection & real-time monitoring

23

Inertia.js devtools

Inertia.js page json in devtools panel

2.0K

★ 5.0

JSON Inspector - Explore your JSON files

JSON Inspector allows you to parse and explore your JSON files with ease in your browser

43

React Inspector Pro

High-fidelity React component inspector with JSX export, computed styles, and global search.

33

★ 5.0

InstaVue - debug VueJS app in an instant

InstaVue just like a x-ray for VueJS application, allows you to see components and its data in just one click. Even in production.

2.0K

★ 5.0

Next DevTools

Quickly check the props of a NextJS website, inspect all props on hover. Add a badge icon to indicate when the page props for a…

6.0K

★ 2.2

Web Content Inspector

Inspect text, media, layout, and spacing. Tool created by Mayantha Jayasinghe.

5