基本信息

更新日期:
包名:
ocolkjnalnkdaclepjmkigefcgngkadb
版本:
0.1.2
大小:
101KiB
类型:
扩展
平台:
Chrome
评分:
发布日期:
2022-10-20
价格:
免费
开发者:
Roy Henriquez

tRPC Client Devtools插件截图

【图】tRPC Client Devtools(截图1)

tRPC Client Devtools插件简介

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/

类似tRPC Client Devtools插件

Measure metrics for a healthy site
Web Vitals are quality signals key to delivering great UX on the web (https://web.dev/vitals). This extension measures the Core Web Vitals, providing instant feedback on loading, i..
Devtools panel for GraphQL developme..
Devtools panel for GraphQL development Adds a new tab to Chrome Developer Tools and allows to inspect GraphQL queries and responses.
Simplifies the GitHub interface and adds useful features
Highlights: - Linkifies issue/PR references and URLs in code. - Makes whitespace characters visible. - Reduces tabs’ size to 4 spaces instead of 8. - Adds one-click merge conflict ..
GraphQL debugging tools for Apollo Client.
Apollo Client Devtools is a Chrome extension for the open-source GraphQL client, Apollo Client. This extension has 4 main features: 1. A built-in version of the Apollo Studio Explo..
OctoLinker – Links together, what be..
OctoLinker – Links together, what belongs together. OctoLinker – a browser extension for GitHub Navigate through projects on GitHub.com efficiently with OctoLinker. OctoLinker turn..
Get one personalized feed for all the knowledge you need as a developer.
Hey devs, ever wish there was a tab to help you stay ahead in the ever-changing tech world? Say hello to daily.dev, the homepage developers deserve. And yes, we’re open source 💜 da..
Chrome Developer Tools extension for debugging SolidJS applications.
🚧 In early development. 🚧 It allows for visualizing and interacting with Solid's reactivity graph, as well as inspecting component state and hierarchy. ⚠️ IT REQUIRES A RUNTIME DEB..
LocatorJS Chrome Extension - option-click to code (ReactJS)
LocatorJS Chrome Extensionoption-click to code (ReactJS) Click on any component in the browser to open its code in your IDE. Supports React, Preact and SolidJS components. Select y..
Chrome版本的F2etest客户端,安装后,请先配置F2etest站点URL。
Chrome版本的F2etest客户端,安装后,请先配置F2etest站点URL。
Adds UI to GitHub commits pages to e..
Adds UI to GitHub commits pages to easier create GitHub compare urls Manually typing the GitHub compare url takes too much time. Use this simple UI add-on to do it much faster! Not..
Chrome extension to display JWT used..
Chrome extension to display JWT used in Authorization: Bearer JWT HTTP headers. Chrome extension to show decoded JWT token used by the last HTTP request using it.
Extension will help with Agile Sprin..
Extension will help with Agile Sprint Planning poker. The PP-App Extension with easy interface that allow to head the planning meetings. Extension format will allow you to be focus..
Simple and powerful cookie editor. T..
Simple and powerful cookie editor. The cookie editor is designed with an easy-to-use interface that allows you to perform most non-standard cookie operations. It's great for develo..
Rescale multiple images into differe..
Rescale multiple images into different sizes in a single step A powerful image resizer that can rescale multiple images into multiple sizes at once in pixel or percent units. The e..
Assists admins and consultants with Workato management by providing easy to use tools to navigate environments, recipes, and jobs.
Provides some tools for Workato Administrators and Consultants. * get a link on callable recipe jobs that links back to the calling recipe * when in the wrong account after clickin..
Fix the bottom scrollbar hiding pre ..
Fix the bottom scrollbar hiding pre formated text/code on stack overfow This is a chrome extension that fixes an issue where the bottom scrollbar blocks the last line of stack over..
Since Zeronet doesn't have a persist..
Since Zeronet doesn't have a persistent navigation bar, forcing you to go back to ZeroHello to browse your saved zites, I made this WebExtension navigation bar where you can save u..
ZebraTester dropdown to control reco..
ZebraTester dropdown to control recording of browser sessions. May change proxy settings, browser cookies and/or cache. Apica Script Recorder Quick And Easy ZebraTester Recording I..

tRPC Client Devtools插件下载

免费下载插件商店