如何使用 Chrome DevTools 检查 BroadcastChannel？

Question

有没有办法，使用 Chrome DevTools 来查看除BroadcastChannel附加message事件侦听器之外的\xe2\x80\x99s 中发生的情况，以便我可以看到 who\xe2\x80\x99s postMessage-ing 是什么？

\n

Answer 1

我发现的最好的解决方案是扩展原型，postMessage如下所示：

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

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

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

我希望这对你有帮助。