热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Chrome59+websocketframesnolongervisibleinDevTools

EversinceIupgradefromChrome58>59onMacOSElCapitan,whenIuseDevToolsNetworkinsp

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.

自从我在Mac OS El Capitan上从Chrome 58 => 59升级后,当我使用Dev Tools网络检查器查看WebSocket框架时,框架不再可见。我们构建了一个大量使用WS的应用程序,所以我非常依赖这个功能。

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

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

  1. Open DevTools
  2. 打开DevTools
  3. Go to https://websocket.org/echo.html
  4. 转到https://websocket.org/echo.html
  5. Go to Network tab, filter on WS, go to Frames tab
  6. 转到“网络”选项卡,在WS上过滤,转到“帧”选项卡
  7. Click Connect in echo app followed by Send Message
  8. 单击echo in echo app,然后单击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.

这导致DevTools中没有显示任何框架,但套接字消息与应用程序一起正常工作。我问过其他几个人,其中一些人没有这个问题。

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?

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

enter image description here

2 个解决方案

#1


116  

The bottom "frame details panel" sometimes hides the "frames list" panel, unless you hover your mouse under a column header and drag down.

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

wonderful websockets ux design

#2


15  

Ugh, the UI was pulling the wool over my eyes. The pane that shows new frames was pulled all the way up so I could not see them.

用户界面正在将羊毛拉过我的眼睛。显示新框架的窗格一直向上拉,所以我看不到它们。

It's a split pane with the frame summary on top, and individual frame inspector on bottom -- but the split divider was pulled all the way to the top. Was tough to see that. Google UI team: would be great to provide a better visual indicator on this :)

它是一个拆分窗格,顶部是框架摘要,底部是单独的框架检查器 - 但拆分分隔线一直拉到顶部。很难看到这一点。 Google UI团队:很高兴为此提供更好的视觉指示:)

enter image description here


推荐阅读
author-avatar
携手相约幸福
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有