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

标签 google-chrome websocket google-chrome-devtools

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

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

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

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

我想知道是否有导致此问题的扩展,或者是否有其他可能阻止框架显示的神秘设置?

enter image description here

最佳答案

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

wonderful websockets ux design

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

更新 4:已在 Chrome 72 中修复,可在稳定 channel 中使用

关于google-chrome - Chrome 59+ websocket 框架在 DevTools 中不再可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44533111/

相关文章:

Android:Autobahn - 在 websocket 上取消请求/发送消息

php - 如何在生产环境中运行 Laravel Websockets (ubuntu + apache2)?

websocket - Cowboy 中的 http 处理程序和 websocket 处理程序之间的通信

javascript - 为什么 object.[[Prototype]] 在 Chrome 开发者工具中不起作用?

javascript - 如何在 chrome 中查看 devtools 源代码的 console.log 输出

javascript - 使用 log() 显示的 Chrome 控制台是什么?

c++ - 我可以从 C 或 C++ 外部控制 Chrome 扩展程序吗?

c# - 我越来越无法加载资源:net::ERR_BLOCKED_BY_CLIENT 与谷歌浏览器

javascript - Facebook 在 Chrome 上登录失败。没有对话框和 Javascript 未捕获的异常

javascript - 在 Chrome 中加载页面时如何捕获所有网络请求和完整响应数据?