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

Question

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

Answer 1

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

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

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

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