Chrome 59+ Websocket框架在DevTools中不再可见 [英] Chrome 59+ websocket frames no longer visible in DevTools
问题描述
自从我在Mac OS El Capitan上从Chrome 58 => 59升级以来，当我使用Dev Tools Network检查器查看WebSocket框架时，这些框架不再可见.我们构建了一个大量使用WS的应用程序，因此我在很大程度上依赖于此功能.
Ever since I upgrade from Chrome 58 => 59 on Mac OS El Capitan, when I use Dev Tools Network inspector to view WebSocket frames, the frames no longer are visible. We build an app that makes heavy use of WS, so I rely heavily on this capability.
我认为也许是我们的应用程序中可能更改了某些内容-编码或协议可能导致它不显示，所以我在这里尝试了此简单测试:
I thought perhaps it was something maybe we changed in our app -- encoding or protocol that maybe causes it to not show up, so I tried this simple test here: https://websocket.org/echo.html
- 打开DevTools
- 转到 https://websocket.org/echo.html
- 转到网络"选项卡，在WS上进行过滤，转到框架"选项卡
- 在回显应用中单击连接"，然后单击发送消息"
- Open DevTools
- Go to https://websocket.org/echo.html
- Go to Network tab, filter on WS, go to Frames tab
- Click Connect in echo app followed by Send Message
这将导致在DevTools中没有显示任何框架，但是套接字消息可以在应用程序中正常工作.我问过其他几个人，其中一些人没有这个问题.
This results in no frames showing up in DevTools, but the socket messages work fine with the app. I've asked a few other people and some of them do not have this problem.
我想知道我是否有导致此问题的扩展名，或者我是否有其他奥秘设置可能会阻止帧显示?
I'm wondering if I either have an extension that is causing this issue, or if I have some other arcane setting that might be blocking the frames from displaying?
推荐答案
底部的框架详细信息面板"有时会隐藏框架列表"面板，除非您将鼠标悬停在列标题下方并向下拖动.
The bottom "frame details panel" sometimes hides the "frames list" panel, unless you hover your mouse under a column header and drag down.
更新1:正如Sylvain Girard所指出的，这是Chromium问题 895548
Update 1: As Sylvain Girard pointed out, this is Chromium issue 895548
更新4:它已在Chrome 72中修复，可以在稳定的频道中使用
Update 4: It's been fixed in Chrome 72, available in stable channel
这篇关于Chrome 59+ Websocket框架在DevTools中不再可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
