在 Chrome DevTools 网络查看器中取消选择 WebSocket 连接

Question

我正在尝试使用 Chrome DevTools 网络查看器来检查 WebSocket 帧。我不确定我是否发现了错误或我做错了什么。本质上，在检查帧时，每当接收到新帧时，网络查看器都会跳开/取消选择 websocket 连接。当每 5-10 秒发送一次“ping”类型的消息时尤其糟糕，因为这使得几乎不可能保持帧选项卡处于打开状态。

我的 Chrome 版本是 58.0.3029.110（64 位）

重现步骤：

1. 按 F12 打开 DevTools
2. 导航到http://www.websocket.org/echo.html
3. 勾选“使用安全 WebSocket (TLS)”并点击连接
4. 在 DevTools 中，转到 Network 选项卡并找到聊天的 websocket 连接 (wss://echo.websocket.org/?encoding=text)，选择它并查看 Frames。
5. 点击页面上的发送即可发送消息。
6. 网络列表中的“?encoding=text”websocket 项目将自行取消选择，框架视图消失！

有什么想法吗？

Answer 1

我找到了一种解决方法，您可以在此错误得到修复之前使用它。

应用搜索过滤器单独获取所需的 websocket 请求作为显示项，现在选定的蓝色 bg 将被隐藏但框架选项卡不会关闭。

有用的过滤器：

• is:running 将显示当前活动的 websocket 请求。
• domain:requireddomain.com 将过滤所需的域

Answer 2

看起来这是一个错误，因为其他人报告了同样的问题here。