如何使用Chrome DevTools检查BroadcastChannel？

Question

如何使用Chrome DevTools检查BroadcastChannel？

javascriptgoogle-chromegoogle-chrome-devtoolsbroadcast-channel

6

有没有一种方法可以使用Chrome DevTools来查看一个BroadcastChannel中正在发生的事情，而不是附加一个message事件监听器，这样我就可以看到谁在使用postMessage发送了什么？

- Константин Ван

2

没有，没有任何的。 - wOxxOm

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- scipper · Accepted Answer

我发现最好的解决方案是这样扩展postMessage原型：

(function(postMessage) {
  BroadcastChannel.prototype.postMessage = function (message) {
    debugger;

    postMessage.call(this, message);
  };
}(BroadcastChannel.prototype.postMessage));

当然，您可以将debugger语句替换为其他内容，例如 console.trace(message)，然后在控制台中直接打印调用堆栈。

希望这对您有所帮助。