Панель инструментов в Inertia

Давайте посмотрим на панель инструментов Inertia. Это расширение браузера, которое пишет каждый визит Inertia в отдельную вкладку инструментов разработчика. Там видно пропсы, заголовки, маршрут Laravel и тип запроса: полный визит, частичная перезагрузка, опрос или prefetch. Отдельный npm-пакет в проект не ставят: запись на сервере уже в адаптере Laravel, на клиенте - в библиотеках Inertia версии 3.

Давайте установим расширение Inertia DevTools из магазина Chrome или Firefox либо загрузим сборку с GitHub в режиме распакованного расширения. На локальной машине запись обычно включена сама; при необходимости её глушат переменной INERTIA_DEVTOOLS_ENABLED в .env.

Для полной картины по клиенту нужен dev-сервер Vite: он отдаёт hooks, по которым панель группирует опросы и prefetch. Давайте запустим сборку в режиме разработки:

Давайте откроем приложение, вызовем инструменты разработчика браузера и выберем вкладку Inertia. После переходов по сайту в левой колонке появится список визитов; клик по строке покажет пропсы, HTTP и маршрут контроллера для этого ответа.