Inertia DevTools ya está disponible en la Chrome Web Store. La extensión añade un panel «Inertia» a las DevTools de Chrome que registra cada visita de Inertia y muestra lo que se envió y recibió.

Las peticiones aparecen en una línea temporal a la izquierda, con un indicador en vivo mientras una está en curso. Se pueden filtrar por método, tipo de petición o estado, y buscar en URLs y componentes. Las peticiones relacionadas — una visita más sus partial reloads, deferred loads, polls, prefetches y validaciones de Precognition — se agrupan en una sola entrada.

Al seleccionar una petición se abren cuatro pestañas: Props lista cada prop como árbol con insignias para deferred, optional, merged y shared; HTTP muestra cabeceras y cuerpos de petición y respuesta; Route indica el nombre de ruta, la URI y la acción del controlador; Page muestra el estado completo de la página tras procesar la respuesta, incluidos los datos fusionados por partial reloads. Las referencias a archivos enlazan con el editor, con soporte nativo para VS Code, PhpStorm, Cursor y Zed; Sublime Text requiere un manejador de esquema de URL como SublimeUrl.

Las visitas del lado del cliente y las peticiones servidas desde la caché de prefetch se registran como entradas propias en la línea temporal. Las entradas se escriben en storage/inertia-devtools, se depuran automáticamente y se configuran en devtools.storage dentro de config/inertia.php. Nada se envía a un servicio remoto; las claves de props y cabeceras sensibles se ocultan antes de guardarse (devtools.redact), y las rutas de herramientas como Telescope y Horizon quedan excluidas.

No hay que instalar ningún paquete: el recorder viene con el adaptador cliente en ^3.6 y el adaptador de Laravel en ^3.2. Instala la extensión, abre las DevTools, selecciona el panel Inertia y ejecuta el servidor de desarrollo de Vite para disfrutar de todas las funciones. Documentación en inertiajs.com y código fuente en GitHub bajo licencia MIT.