grpc, proto, protobufjs, devtools, chrome, extensions.
### use
1, 使用node和protobufjs创建proto.js。
``` javascript
const pbjs = require("protobufjs/cli/pbjs");
const fs = require('fs');
const path = require('path');
const glob = require('glob');
const protoPath = 'src/proto/**/*.proto'; // origin path
const protos = glob.sync(protoPath);
pbjs.main([ "--target", "json-module", "-w", "commonjs", ...protos], function(err, output) {
if (err)
throw err;
// target path
fs.writeFileSync(path.resolve(__dirname, './src/xxx/proto.js'), output);
});
```
2, 挂载json字符串到window。
``` javascript
const $root = require('./src/xxx/proto.js');
window.__DEVTOOLS_PROTO_JSON_STRING__ = JSON.stringify($root.toJSON({keepComments: true}));
```
You can Follow the below Step By Step procedure to install the grpc-protobufjs-devtools Chrome Extension to your Chrome Web browser.
It is the grpc-protobufjs-devtools Chrome extension download link you can download and install Chrome Browser.
Tags: Const Root Require Src Xxx Proto , Const Root Require , Target Json , Const Glob Require Glob , Src Xxx Proto , Proto Protobufjs Devtools , Target Path , Const Pbjs Require , Const Path Require Path , Const Path Require , Const Protopath Src Proto , Devtools Proto Json , Protos Function Err Output , Const Fs Require Fs , Const Glob Require , Const Pbjs Require Protobufjs , Const Protos Glob , Target Path , Node Protobufjs Proto , Const Fs Require ,
Browser DevTools extension for debugging gRPC network requests.
gRPC-Web Developer Tools for debugging application's gRPC-Web network requests.
gRPC-Gateway Developer Tools for debugging applications' network requests to a gRPC-Gateway backend
pbkit devtools
用于查看基于DataAccess框架服务的请求,请求包括grpc请求和gql请求。对这些请求进行友好的展示,并提供可以辅助排查的关键信息
Manages DevTools with Node V8 Inspector (node --inspect) Debugging Workflow
A highly customized dark theme for Devtools.
Chrome and Firefox DevTools extension for debugging Vue.js applications.
Change Chrome Devtool Styles
RxJS DevTools extension for debugging streams