grpc-web-devtools

Chrome extension for gRPC-Web to inspect requests and responses in human readable format

grpc-web-devtools là gì?

grpc-web-devtools là một tiện ích mở rộng Chrome được phát triển bởi ivanrodricalleja, và tính năng chính của nó là "Chrome extension for gRPC-Web to inspect requests and responses in human readable format".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng grpc-web-devtools

Tải xuống các tệp mở rộng grpc-web-devtools dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên grpc-web-devtools grpc-web-devtools
ID aaindhgbimbgnnmdghdkigcagjbnldck
URL Chính Thức https://chromewebstore.google.com/detail/grpc-web-devtools/aaindhgbimbgnnmdghdkigcagjbnldck
Mô tả Chrome extension for gRPC-Web to inspect requests and responses in human readable format
Kích Thước Tệp 1.13 MB
Số Lần Cài Đặt 58
Phiên Bản Hiện Tại 1.0.2
Cập Nhật Lần Cuối 2023-08-22
Ngày Phát Hành 2023-08-18
Đánh Giá 3.67/5 Tổng số 3 Đánh Giá
Nhà Phát Triển ivanrodricalleja
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/IvanRodriCalleja/grpc-web-devtools
Ngôn Ngữ Được Hỗ Trợ 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"
    }
}