Chrome 59+ websocket 框架在 DevTools 中不再可见

Question

自从我在 Mac OS El Capitan 上从 Chrome 58 => 59 升级后，当我使用开发工具网络检查器查看 WebSocket 帧时，这些帧不再可见。我们构建了一个大量使用 WS 的应用程序，因此我非常依赖此功能。

我想也许是我们在应用程序中更改了一些东西——编码或协议可能导致它不显示，所以我在这里尝试了这个简单的测试：https://websocket.org/echo.html

1. 打开开发者工具
2. 转到https://websocket.org/echo.html
3. 转到“网络”选项卡，在 WS 上进行过滤，转到“帧”选项卡
4. 点击回显应用中的连接，然后点击发送消息

这会导致 DevTools 中没有显示任何帧，但套接字消息可以在应用程序中正常工作。我问了其他几个人，其中一些人没有这个问题。

我想知道我是否有导致此问题的扩展程序，或者我是否有其他一些可能会阻止帧显示的神秘设置？

Answer 1

呃，UI 让我眼前一亮。显示新框架的窗格一直向上拉，所以我看不到它们。

这是一个拆分窗格，顶部是框架摘要，底部是单独的框架检查器 - 但拆分分隔器一直拉到顶部。很难看到这一点。谷歌 UI 团队：如果能提供一个更好的视觉指示器会很棒:)

Answer 2

底部的“框架详细信息面板”有时会隐藏“框架列表”面板，除非您将鼠标悬停在列标题下方并向下拖动。

更新 1：正如 Sylvain Girard 指出的，这是 Chromium 问题 895548

更新 4：已在 Chrome 72 中修复，可在稳定频道中使用