tRPC Client Devtools Chrome 插件, crx 扩展下载
An unofficial tRPC devtools extension to inspect your queries, mutations and subscriptions
This is an unofficial tRPC client devtools extension that you can use to inspect queries, mutations and subscriptions from your tRPC app! In order to use it, you need to do the following steps: 1. Install the trpc-client-devtools-link npm package and add it to your tRPC client config (if you're using tRPC v10, install the @next version) 2. Download and install the tRPC Client Devtools Extension 3. Open the Devtools, navigate to the tRPC panel and inspect away! The tRPC Client Devtools appear as a "tRPC" tab in your web browser inspector when tRPC is detected, alongside other tabs like "Elements" and "Console". The devtools currently have 3 main features: - Query inspector: View the input, result and elapsed time of the fired queries. - Mutation inspector: View the input, result and elapsed time of the fired mutations. - Subscription inspector: View the input, multiple results and their elapsed time of the subscriptions. Code for this extension can be found at: https://github.com/rhenriquez28/trpc-client-devtools If you want to learn more about tRPC, check out: https://trpc.io/
分类 | 💻开发者工具 |
插件标识 | ocolkjnalnkdaclepjmkigefcgngkadb |
平台 | Chrome |
评分 |
★★★★☆
4.9
|
评分人数 | 9 |
插件主页 | https://chromewebstore.google.com/detail/trpc-client-devtools/ocolkjnalnkdaclepjmkigefcgngkadb |
版本号 | 0.1.2 |
大小 | 101KiB |
官网下载次数 | 676 |
下载地址 | |
更新时间 | 2022-10-20 00:00:00 |
CRX扩展文件安装方法
第1步: 打开Chrome浏览器的扩展程序
第2步:
在地址栏输入: chrome://extensions/
第3步: 开启右上角的【开发者模式】
第4步: 重启Chrome浏览器 (重要操作)
第5步: 重新打开扩展程序管理界面
第6步: 将下载的crx文件直接拖入页面完成安装
注意:请确保使用最新版本的Chrome浏览器
同类插件推荐
LocatorJS
LocatorJS Chrome Extension - option-click to code
GraphQL developer tools
Devtools panel for GraphQL developmentAdds a new t
Apollo Client Devtools
GraphQL debugging tools for Apollo Client.Apollo C
Solid Devtools
Chrome Developer Tools extension for debugging Sol
tRPC Client Devtools
An unofficial tRPC devtools extension to inspect y
GraphQL Network Inspector
Simple and clean network inspector for GraphQLA pl
RSC Devtools
React Server Components network visualizerThis is
Drizzle Studio
Drizzle Studio ExtensionDrizzle Studio extension t
React Context DevTool
Devtool for React Context and useReducerReact Cont
Vercel
Use the Vercel Toolbar on production deploymentsIn
Gimli Tailwind
A DevTools extension enabling smart tools for Tail
OctoLinker
OctoLinker – Links together, what belongs together
Refined GitHub
Simplifies the GitHub interface and adds useful fe