Inertia Props Inspector

Inertia Props Inspector 是一款专为 Inertia.js 应用打造的轻量级 DevTools 扩展。它让你无需依赖 Vue/React 开发者工具，即可一键查看当前页面的核心数据：组件名、属性、URL 和版本号，并且在每次 SPA 导航后自动更新，极大提升调试效率。

核心功能

• 一键数据快照：点击浏览器扩展图标，立即在控制台输出当前页面的 component、props、url 和 version 信息。
• 自动追踪导航：每次页面切换后，数据自动刷新，无需手动重新触发。
• 生产环境可用：即使在生产环境中，也能正常使用，弥补 Vue/React DevTools 无法调试的空白。

主要特性

• 零侵入性：仅监听 Inertia 公开事件，无任何 hack 或性能开销。
• 全适配支持：兼容 Inertia v1 和 v2，适配 Vue、React、Svelte 等所有前端框架。
• 后端无关：无论后端是 Laravel、Rails 还是其他，均可无缝工作。
• 轻量无依赖：无需额外配置，安装即用。

适用场景

• 快速定位页面 props 传递错误或数据不一致问题。
• 在生产环境中排查用户反馈的页面异常。
• 团队协作时，方便非前端成员查看页面数据状态。

无论是日常开发还是紧急排障，Inertia Props Inspector 都能让你对页面数据了如指掌。