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

Posted 2023-02-16

【中文标题】在 Chrome DevTools 网络查看器中取消选择 WebSocket 连接

【英文标题】：WebSocket connections deselecting in Chrome DevTools Network Viewer

【发布时间】：2017-05-16 23:53:22

【问题描述】：

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

我的 Chrome 版本是 58.0.3029.110（64 位）

重现步骤：

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

有什么想法吗？

【参考方案1】：

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

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

有用的过滤器：

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

【参考方案2】：

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