DevTools

Question

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

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

1. 打开DevTools
2. 转到https://websocket.org/echo.html
3. 转到“网络”标签，在WS上过滤，转到“相框”标签
4. 单击echo app中的Connect，然后单击Send Message

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

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

Answer 1

底部＆＃34;框架细节面板＆＃34;有时会隐藏＆＃34;帧列表＆＃34;面板，除非您将鼠标悬停在列标题下并向下拖动。

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

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

Answer 2

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

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

Answer 3

它可能很简单，就像与Chromium团队为其创建问题一样……我所做的就是猜测：Laravel Validation

稍后您可以感谢我：）