The Php Times

Inertia DevTools est désormais disponible sur le Chrome Web Store. L'extension ajoute un panneau « Inertia » aux DevTools de Chrome qui enregistre chaque visite Inertia et montre ce qui a été envoyé et reçu.

Les requêtes s'affichent dans une timeline à gauche, avec un indicateur en direct pendant l'exécution. On peut filtrer par méthode, type de requête ou statut, et rechercher dans les URL et composants. Les requêtes liées — une visite plus ses partial reloads, deferred loads, polls, prefetches et validations Precognition — sont regroupées en une seule entrée.

La sélection d'une requête ouvre quatre onglets : Props liste chaque prop sous forme d'arbre avec des badges deferred, optional, merged et shared ; HTTP montre les en-têtes et corps des requêtes et réponses ; Route affiche le nom de route, l'URI et l'action du contrôleur ; Page montre l'état complet de la page après traitement, y compris les données fusionnées par les partial reloads. Les références de fichiers ouvrent l'éditeur, avec VS Code, PhpStorm, Cursor et Zed pris en charge nativement ; Sublime Text nécessite un gestionnaire de schéma d'URL comme SublimeUrl.

Les visites côté client et les requêtes servies depuis le cache de prefetch sont enregistrées comme entrées propres dans la timeline. Les entrées sont écrites dans storage/inertia-devtools, purgées automatiquement et configurables via devtools.storage dans config/inertia.php. Rien n'est envoyé vers un service distant ; les clés de props et en-têtes sensibles sont masqués avant stockage (devtools.redact), et les routes d'outillage comme Telescope et Horizon sont exclues.

Aucun package à installer : le recorder est inclus dans l'adaptateur client en ^3.6 et l'adaptateur Laravel en ^3.2. Installez l'extension, ouvrez les DevTools, sélectionnez le panneau Inertia et lancez le serveur de dev Vite pour toutes les fonctionnalités. Documentation sur inertiajs.com, code source sur GitHub sous licence MIT.