Google chrome 查看处理WebSocket的文件/函数？

有没有一种方法，可以使用ChromeDevTools，查看WebSocket处理的javascript文件或函数

---

例如，我可以在frames选项卡中看到数据的帧，但无法找到处理它们的位置。仅使用Chrome的开发工具就可以做到这一点吗？

我认为对页面源代码进行全文搜索以查找“onmessage”是最简单的方法

除此之外，更准确的方法是覆盖本机

WebSocket

对象并放入调试器语句：

var nativeWebSocket = window.WebSocket
window.WebSocket = function(){
   debugger
}

在创建WebSocket之前，将其粘贴到控制台中。当页面开始加载时，可以在事件侦听器断点中使用“脚本第一条语句”来暂停

当创建

WebSocket

对象时，Chrome将暂停，您可以进入调用堆栈查找负责的源代码

这可能与定义

onmessage

处理程序的地方非常不同。但是，您可以在包含

新WebSocket

的行上放置一个手动断点，重新加载页面，并在命中断点时将此代码放入控制台：

Object.defineProperty(e, "onmessage", {
    set: function(){
        debugger
    }
})

现在，当在

WebSocket

对象上设置

onmessage

属性时，调试器将暂停