tRPC Client Devtools
截图:
简介:
一个非官方的 tRPC 开发工具扩展,用于检查您的查询、突变和订阅
这是一个非官方的 tRPC 客户端开发工具扩展,您可以使用它来检查 tRPC 应用程序中的查询、突变和订阅!
为了使用它,您需要执行以下步骤:
1. 安装 trpc-client-devtools-link npm 包并将其添加到您的 tRPC 客户端配置中(如果您使用的是 tRPC v10,请安装 @next 版本)
2. 下载并安装 tRPC 客户端开发工具扩展
3. 打开 Devtools,导航到 tRPC 面板并进行检查!
当检测到 tRPC 时,tRPC 客户端开发工具会在 Web 浏览器检查器中显示为“tRPC”选项卡,以及“Elements”和“Console”等其他选项卡。开发工具目前有 3 个主要功能:
- 查询检查器:查看触发查询的输入、结果和运行时间。
- 突变检查器:查看触发突变的输入、结果和经过的时间。
- 订阅检查器:查看订阅的输入、多个结果及其已用时间。
此扩展的代码可以在以下位置找到:https://github.com/rhenriquez28/trpc-client-devtools
如果您想了解有关 tRPC 的更多信息,请查看:https://trpc.io/