google-chrome - 在 Chrome DevTools Network Viewer 中取消选择 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 中，转到“网络”选项卡并找到用于聊天的 websocket 连接 (wss://echo.websocket.org/?encoding=text)，选择它并查看框架。
5. 点击页面上的“发送”以发送消息。
6. 网络列表中的“?encoding=text”websocket 项将取消选择自身，框架 View 消失!

有什么想法吗？

Answer 1

我找到了一个解决方法，您可以使用它直到这个错误得到修复。

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

有用的过滤器:

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