GRPC-Web Developer Tools for debugging application's gRPC-Web network requests.

Latest Version

Version
2.3.0
Update
November 29, 2023
Size
446KiB
Developer
Category
Users
982
Rating
3.6 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

gRPC-Web Developer Tools Extension

gRPC-Web Developer Tools is a Chrome DevTools extension for the official gRPC-Web library. It allows you to inspect the gRPC network log in the Chrome Developer Tools, and displayed as the deserialized JSON objects, rather than the base64 encoded binary format.

You will get a new tab called gRPC-Web in your Chrome DevTools. This will start recording gRPC client network requests that have been configured (see Usage for details). Features are similar to the default Network tab, but only tracks gRPC requests.

Selecting a network log entry will display the deserialized JSON for the request, response and any error object returned by your gRPC server.

There is some setup needed in the code before using this extension. Take a look at the README: https://github.com/SergioTx/grpc-web-devtools

Fork from: https://chrome.google.com/webstore/detail/grpc-web-developer-tools/kanmilmfkjnoladbbamlclhccicldjaj adding a couple of fixes.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "gRPC-Web Developer Tools", "version": "2.3.0", "manifest_version": 3, "description": "gRPC-Web Developer Tools for debugging application's gRPC-Web network requests.", "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "devtools_page": "devtools.html", "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "background": { "service_worker": "background.js" }, "web_accessible_resources": [ { "resources": ["connect-web-interceptor.js", "inject.js"], "matches": ["https://*/*"] } ], "content_scripts": [ { "matches": [""], "js": ["content-script.js"], "run_at": "document_start", "all_frames": true } ], "permissions": ["storage"]}
Read more