GRPC-Web Developer Tools for debugging application's gRPC-Web network requests.
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
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.
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