javascript - 如何使用 Chrome DevTools 检查 BroadcastChannel？

Question

有没有办法使用 Chrome DevTools 来查看 BroadcastChannel 中发生了什么？除了附上 message它的事件监听器，这样我就可以看到谁是 postMessage - 什么？

Answer 1

我发现的最佳解决方案是扩展 postMessage 的原型(prototype)像这样:

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

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

您显然可以替换 debugger console.trace(message) 之类的其他内容的声明例如，您可以直接在控制台中打印调用堆栈。

我希望这对你有帮助。