请教如何一次性批量复制浏览器 websocket 消息

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 856 days ago, the information mentioned may be changed or developed.

不才，还没谷歌到答案，请教各位彦祖们。

谷歌浏览器控制台网络，可以录制网络日志，看到所有请求，其中包含 websocket 消息。

ws 消息中也能清晰看到每一条发送以及收到的消息，这些消息也能一条一条复制。但是我想批量全部复制下来（主要复制发送的报文），最好是以 base64 的格式保存下来，请问各位彦祖有什么法子。（包括但不限于各种插件，油猴脚本等）

Supplement 1 Dec 26, 2023

~~AI 其实我早就问过了（ gpt 账号我还是有的），就是问过了没找到答案，谷歌了也没找到合适的答案，所以才来请教彦祖们。目前有点想试试 goreplay 能不能做到，这个之前用过录制 http 。但是感觉可能不行，得空了再试试。如果不行我就先手动一条一条复制；再不行再想其他办法。

彦祖

WebSocket

复制

请教

9 replies 2023-12-26 19:07:34 +08:00

sumulige

Dec 25, 2023

要一次性批量复制浏览器中的 WebSocket 消息，你通常需要使用浏览器的开发者工具，结合一些额外的步骤或工具。下面是一个常规的方法，以及一些建议来实现这个目标：

### 使用浏览器的开发者工具

1. **打开开发者工具**:
- 在大多数现代浏览器中（如 Chrome, Firefox, Edge ），你可以通过右键点击页面并选择“检查”或使用快捷键（如 `Ctrl+Shift+I` 或 `F12`）打开开发者工具。

2. **找到 WebSocket 消息**:
- 转到“网络(Network)”标签。
- 重新加载页面以捕获网络活动。
- 在网络活动列表中找到 WebSocket 连接。在 Chrome 中，你可以通过过滤器筛选出 WebSocket 类型的连接。

3. **查看和复制消息**:
- 选择 WebSocket 连接，查看消息标签。
- 这里你可以看到所有通过这个 WebSocket 连接发送和接收的消息。

4. **复制消息**:
- 大多数浏览器允许你逐条复制消息，但并不直接支持批量复制。
- 为了批量复制，你可能需要手动选择并复制这些消息，或使用浏览器的控制台运行一些 Javascript 代码来提取这些消息。

### 使用其他工具或方法

- **浏览器插件**:
- 一些专门浏览器插件可能能帮助捕获和导出 WebSocket 消息。

- **编写自定义脚本**:
- 如果你熟悉 Javascript ，可以在浏览器控制台中编写脚本来捕获并导出 WebSocket 消息。

- **使用网络抓包工具**:
- 使用如 Wireshark 这样的网络抓包工具也可以捕获 WebSocket 消息，但这种方法相对复杂，需要一定的网络知识。

- **服务器端日志**:
- 如果你可以访问后端服务器，直接在服务器上记录 WebSocket 消息可能更简单。

### 注意事项

- **隐私和安全**:
- 在捕获和分享 WebSocket 消息时，请确保遵守隐私和安全规定。不要非法捕获或分享敏感信息。

- **技术限制**:
- 根据你使用的浏览器和其版本，可用的功能可能有所不同。

总之，批量复制 WebSocket 消息通常需要结合浏览器开发者工具和一些额外的步骤或工具。根据你的具体需求和技术能力，你可以选择最适合的方法来实现这一目标。