grpc-web-devtools is a Chrome extension developed by ivanrodricalleja that allows users to easily inspect requests and responses made using the grpc-web protocol. This extension seamlessly integrates a dedicated tab into the Chrome DevTools, providing a comprehensive logging system for all grpc-web requests generated by web applications.

With grpc-web-devtools, users have access to advanced features such as request filtering and purging outdated requests, allowing for efficient request management. The extension also includes an intuitive JSON editor that enables in-depth inspection of both request and response elements, including body and metadata components. The editor offers the convenience of collapsing expansive objects for improved clarity and supports easy content copying.

This extension supports both UnaryRequest and StreamRequest interception. When examining an unary call in the DevTools environment, the request is displayed in a structured representation with a body property denoting the transmitted object and metadata containing supplementary headers. The response follows a similar structure, with the body representing the server's response object and metadata containing any additional headers provided by the server.

For StreamRequest interactions, the structure is similar to Unary, but with a distinction in the response. Responses are displayed as an array with key elements such as "data," "status," "error," "metadata," and "end."