消息

Inertia DevTools 现已推出 Firefox 版本

发布
Inertia DevTools 现已推出 Firefox 版本

Inertia DevTools 现已推出 Firefox 版本,并与现有版本完全兼容。 Chrome 扩展程序 现在,Firefox 用户可以安装官方浏览器扩展程序,获取访问时间线、道具等信息:

Inertia DevTools 现在也登陆 @firefox 啦!🦊

与 Chrome 完全一致:每次访问的时间线、带有延迟/可选/合并徽章和编辑器链接的属性树、请求和响应标头和正文、路由和控制器信息,以及每次响应后的完整页面状态。

它的作用

该扩展程序会在 Firefox 开发者工具中添加一个 Inertia 面板,用于记录应用的每一次访问,包括初始加载、导航、部分重新加载、延迟属性、轮询、预取和重定向。后续请求会按触发它们的访问进行分组,而不是分散在时间线上。

选择一个条目会将其属性显示为树状结构,其中包含延迟属性、可选属性、合并属性和共享属性的徽章,以及请求和响应标头和正文、匹配的路由和控制器操作,以及 Inertia 处理响应后的完整页面状态。

渲染调用、共享属性和路由操作会链接回编辑器中的文件和行,支持 VS Code、PhpStorm、Cursor、Sublime Text 和 Zed。授权和 cookie 标头、CSRF 令牌和其他敏感字段会在面板显示任何内容之前进行编辑,并且记录的数据会保留在您的计算机上。

入门

从此处安装扩展程序 Firefox 附加组件商店 打开 Firefox 开发者工具,然后选择 Inertia 面板。录制功能由 Inertia 后端适配器驱动,因此一旦您的应用在本地运行,其工作方式与在 Chrome 中相同。

请参阅 Inertia DevTools 文档 有关设置详情,以及 GitHub 存储库 来源。

保罗·雷德蒙德照片

Laravel News 特约撰稿人。全栈 Web 开发人员兼作家。

归档于

赞助

Laravel Cloud 标志
Laravel 云

轻松创建和管理服务器,并在几秒钟内部署 Laravel 应用程序。

访问 Laravel Cloud
Laravel 14 为 Eloquent 模型添加了 defaults() 方法(图片)

Laravel 14 为 Eloquent 模型添加了 defaults() 方法

阅读文章
Laravel AI SDK 和 Laravel MCP 安全修复:立即更新 图片

Laravel AI SDK 和 Laravel MCP 安全修复:立即更新

阅读文章
Laravel 邮箱:预览和测试渲染后的邮件图片

Laravel 邮箱:预览和测试渲染后的邮件

阅读文章
Laravel 13.34 图片中将 Worker 崩溃计数作为作业异常

Laravel 13.34 中将 Worker 崩溃计数为作业异常

阅读文章
Elastic Bridge:Elasticsearch 和 OpenSearch 的 Eloquent 风格查询(图片)

Elastic Bridge:Elasticsearch 和 OpenSearch 的 Eloquent 风格查询

阅读文章
Laravel 发布周期:版本、支持策略和日期(图片)

Laravel 发布周期:版本、支持策略和日期

阅读文章