grpc-web-devtoolsとは何ですか？

grpc-web-devtoolsはivanrodricallejaによって開発されたChromeの拡張機能で、その主な機能は「Chrome extension for gRPC-Web to inspect requests and responses in human readable format」です。

拡張機能のスクリーンショット

grpc-web-devtools拡張機能のCRXファイルをダウンロード

grpc-web-devtools拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

grpc-web-devtools is a powerful extension designed to seamlessly intercept network requests and responses executed via the grpc-web protocol. This browser extension integrates a dedicated tab into the Chrome DevTools, facilitating the comprehensive logging of all grpc-web requests generated by a web application.

Within this extension, users gain the ability to effectively manage requests, employing advanced features such as request filtering and the purging of outdated requests. Notably, the extension is equipped with an intuitive JSON editor that enables in-depth inspection of both request and response elements, encompassing both body and metadata components for each interaction. This editor further offers the convenience of collapsing expansive objects for enhanced clarity, and supports easy content copying.

The scope of this extension's functionality extends to both UnaryRequest and StreamRequest interception. In the DevTools environment, when examining an unary call, the request showcases a structured representation featuring a body property denoting the transmitted object, as well as metadata encompassing supplementary headers sent during the request. This parallel structure is mirrored in the response, wherein the body signifies the object response from the server, and metadata encapsulates any extra headers furnished by the server.

For StreamRequest interactions, the structure is aligned with Unary, albeit with a distinction in the response. In the StreamRequest scenario, responses manifest as an array, encompassing key elements such as "data," "status," "error," "metadata," and "end."

For a comprehensive guide on configuring and utilizing this extension, refer to the following link: https://github.com/IvanRodriCalleja/grpc-web-devtools

拡張機能の基本情報

名前	grpc-web-devtools
ID	aaindhgbimbgnnmdghdkigcagjbnldck
公式URL	https://chromewebstore.google.com/detail/grpc-web-devtools/aaindhgbimbgnnmdghdkigcagjbnldck
説明	Chrome extension for gRPC-Web to inspect requests and responses in human readable format
ファイルサイズ	1.13 MB
インストール数	58
現在のバージョン	1.0.2
最終更新日	2023-08-22
公開日	2023-08-18
評価	3.67/5 合計 3 レビュー
開発者	ivanrodricalleja
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/IvanRodriCalleja/grpc-web-devtools
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "grpc-web-devtools", "version": "1.0.2", "description": "Chrome extension for gRPC-Web to inspect requests and responses in human readable format", "manifest_version": 3, "content_scripts": [ { "js": [ "contentScript.js" ], "matches": [ "" ], "run_at": "document_start", "all_frames": true } ], "devtools_page": "devtools\/devtools.html", "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "devtools\/devtools.html", "devtools\/panel.html", "injected.js" ], "use_dynamic_url": false } ], "background": { "service_worker": "background.js" }, "icons": { "16": "assets\/icon.png", "32": "assets\/icon.png", "48": "assets\/icon.png", "128": "assets\/icon.png" } }