在 DevTools-on-DevTools 中设置 Devtools Protocol 事件监听器

Question

在 DevTools-on-DevTools 中，可以 运行 DevTools 协议命令如下：

let Main = await import('./devtools-frontend/front_end/entrypoints/main/main.js');
await Main.MainImpl.sendOverProtocol('Network.enable');

(https://chromedevtools.github.io/devtools-protocol/#monitor)

在 Chrome 扩展中，可以像这样监听协议事件：chrome.debugger.onEvent.addListener(eventHandler);

在 DevTools-on-DevTools 中是否有类似的方法将自定义函数附加到协议事件？

Answer 1

根据 source code 判断，有 onMessageSent 和 onMessageReceived 钩子：

(await import('./devtools-frontend/front_end/core/protocol_client/protocol_client.js'))
  .InspectorBackend.test.onMessageSent = (msg, target) => { /* do something */ }