我可以通过 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 的发送功能。

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