在 Firefox/Chrome devtools 中有没有办法在连接后发送/编辑 websocket 消息

Question

我有一个 Safari/Firefox/Chrome 浏览器。我的浏览器有开发工具。有没有办法为现有连接发送/编辑 websocket 消息？还是通过插件？

谢谢

Answer 1

1. 您可以通过打开控制台并写入 来列出 Chrome 页面上的所有 WebSocket 连接queryObjects(WebSocket)。一段时间后它应该列出所有实例。
2. 然后选择您要使用的对象并右键单击它并选择“将对象存储为全局变量”。
3. 这将创建一个新变量，例如 temp1，以便您可以使用 发送消息temp1.send(JSON.stringify({websocket: 'message'}))。

Answer 2

您可以获取连接实例websocket，并可以进一步使用它来发送更多消息。

抓取socket连接实例

您必须了解 websocket 连接的建立，如下所示：

websocket = new WebSocket('your-ws-url-goes-here');

现在您可以使用 的实例websocket并可以使用.send()和.close()。

您的问题表明您想要使用现有的连接的 Web 套接字，您可以在源代码中查找套接字连接实例，并可以使用它来发送进一步的消息。

玩的例子

您可以在http://websocket.org/echo.html上使用 websocket 及其实例

请注意这里

var wsUri = "wss://echo.websocket.org/";

和功能有

websocket = new WebSocket(wsUri);

你知道 websocket 已连接并且有实例websocket

您可以打开devtool并键入websocket以查看所有选项。因此，在您的情况下，您需要找到连接实例，以便可以使用它。

关于编辑现有消息

我找不到是否有任何方法可以编辑已发送的消息，我认为它不应该在那里。您可以发送新消息，因为之前的消息必须已经得到回复。