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

问题描述

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

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

解决方案

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

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

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

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

1. Open DevTools
2. Go to https://websocket.org/echo.html
3. Go to Network tab, filter on WS, go to Frames tab
4. Click Connect in echo app followed by Send Message

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.

Update 1: As Sylvain Girard pointed out, this is Chromium issue 895548

Update 4: It's been fixed in Chrome 72, available in stable channel

这篇关于Chrome 59+ websocket 框架在 DevTools 中不再可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！