自从我在 Mac OS El Capitan 上从 Chrome 58 => 59 升级后,当我使用开发工具网络检查器查看 WebSocket 帧时,这些帧不再可见。我们构建了一个大量使用 WS 的应用程序,因此我非常依赖此功能。
我想也许是我们在应用程序中更改了一些东西——编码或协议(protocol)可能导致它不显示,所以我在这里尝试了这个简单的测试:https://websocket.org/echo.html
- 打开开发工具
- 转到https://websocket.org/echo.html
- 转到“网络”选项卡,在 WS 上进行过滤,然后转到“框架”选项卡
- 点击 echo 应用中的“连接”,然后点击“发送消息”
这会导致 DevTools 中不显示任何帧,但套接字消息可以在应用程序中正常工作。我问过其他几个人,有些人没有这个问题。
我想知道是否有导致此问题的扩展,或者是否有其他可能阻止框架显示的神秘设置?
最佳答案
底部的“框架详细信息面板”有时会隐藏“框架列表”面板,除非您将鼠标悬停在列标题下方并向下拖动。
更新 1:正如 Sylvain Girard 指出的那样,这是 Chromium 问题 895548
更新 4:已在 Chrome 72 中修复,可在稳定 channel 中使用
关于google-chrome - Chrome 59+ websocket 框架在 DevTools 中不再可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44533111/