Introduction
Chrome Devtools Protocol based on JSON-RPC. You can view verbose protocol on website
this repo is fork from ChromeDevTools/devtools-protocol and add some custom debug protocol of Hippy framework
Hot to start
add custom protocol
-
modify JSON protocol definition in ./json/tdf_protocol.json
-
auto generate all typescript declaration, docs: npm run build
-
preview devtools protocol site on page: npm run site:serve
use by other project
npm i @hippy/devtools-protocol
usage: add reference to the typescript declaration of @hippy/devtools-protocol by:
registerModuleCallback(TdfCommand.TDFInspectorDumpDomTree, (error, msg) => {
const { itree } = msg as ProtocolTdf.TDFInspector.DumpDomTreeResponse;
this.handleReceiveDomTree(itree);
});