Офіційне браузерне розширення Inertia DevTools тепер доступне для Firefox з повною функціональною паритетністю існуючого розширення для Chrome. Користувачі Firefox отримали можливість встановити інструмент, що надає таймлайн візитів, дерево пропсів та багато іншого для роботи з Inertia.js додатками.
Основні можливості
Розширення додає окрему панель Inertia до Firefox DevTools, яка записує кожен візит вашого додатку. Це включає початкові завантаження, навігацію, часткові перезавантаження (partial reloads), відкладені пропси (deferred props), опитування (polls), передзавантаження (prefetches) та редіректи. Усі подальші запити групуються під візитом, який їх ініціював, замість того щоб розсіюватися по таймлайну.
При виборі конкретного запису інструмент відображає його пропси у вигляді дерева з бейджами для відкладених (deferred), опціональних (optional), об'єднаних (merged) та спільних (shared) пропсів. Також доступні заголовки та тіла запитів і відповідей, інформація про відповідний роут і екшн контролера, а також повний стан сторінки після того, як Inertia обробила відповідь.
Інтеграція з редакторами коду
Виклики рендеру, спільні пропси та екшни роутів містять посилання на файл і рядок коду у вашому редакторі. Підтримуються VS Code, PhpStorm, Cursor, Sublime Text та Zed. Це дозволяє швидко переходити від DevTools безпосередньо до відповідного місця у вихідному коді.
Безпека та приватність
Заголовки авторизації та кукі, CSRF-токени та інші конфіденційні поля редагуються автоматично перед тим, як з'являються в панелі. Усі записані дані залишаються на вашій машині і не передаються назовні.
Як почати використовувати
Для початку роботи потрібно встановити розширення з Firefox Add-ons store, відкрити Firefox DevTools і обрати панель Inertia. Запис подій керується бекенд-адаптером Inertia, тому розширення працює так само, як у Chrome, коли ваш додаток запущено локально.
Детальні інструкції з налаштування доступні в офіційній документації Inertia DevTools, а вихідний код опубліковано у GitHub-репозиторії проєкту.
