我可以通过 devtool 连接到 websocket 吗？

Question

我可以通过 chrome devtool 连接现有的 WebSocket 吗？我看到 ws 连接和消息，但它由反应包装并处理所有连接逻辑（令牌和其他数据）。我无法访问源代码，但我想尝试向现有套接字发送消息。我可以用任何工具来做吗？

Answer 1

根据您的问题，我假设您熟悉 chrom 开发工具的网络面板。但是，在浏览器中选择您的站点，这里是 https://www.ls-x.de/de/，对于股票数据，打开开发工具并在其中打开网络面板。刷新网站，CTRL-R，您将看到类似下图的内容。

在 Initiator 列中，您会看到打开 websocket 的源文件。单击该条目。这将打开开发工具中的 Sources 选项卡，您将在其中看到创建 websocket 的行。

在那里设置一个断点并再次刷新网页，CTRL-R。这将导致调试器停在这一行。从这里开始，您必须单步执行代码，直到看到将存储 Web 套接字的位置。 您还可以在此源中搜索诸如 .send( 之类的内容。这可能表示 websocket 的发送功能。

如果找到这个发送函数，在该行放置一个断点并再次刷新。调试器会将您引导至可以发送消息的那个点。现在。