如何正确检查Chrome中的WebSocket框架? [英] How to inspect WebSocket frames in Chrome properly?

问题描述

按照建议，我输入了 echo.websocket.org ，打开了网络"标签和WS过滤器在Chrome开发者工具中，但看不到任何框架.我看到了连接条目，但框架"选项卡始终保持空白.看框架有什么特别的事情吗?

I've entered echo.websocket.org as it was suggested, opened Network tab and WS filter in Chrome Developer Tools, but I do not see any frames. I see connection entries, but Frames tab always stays empty. Is there anything special I should do to see the frames?

截屏:

推荐答案

截至2019年12月10日，该过程与使用Chrome调试WebSocket的过程略有不同.

As of December 10, 2019, the process is slightly different to debug WebSockets with Chrome.

1. 打开Chrome 开发者工具.
2. 点击网络标签.
3. 单击过滤器 WS (用于WebSockets).
4. 重新加载页面，以确保在名称列中看到您的连接.
5. 点击消息.

1. Open Chrome Developer Tools.
2. Click on the Network tab.
3. Click on the filter WS (for WebSockets).
4. Reload the page to make sure you see your connection in the Name column.
5. Click on Messages.

现在，您应该看到与WebSocket的所有通信，其中包括3列:数据，长度和时间.

Now you should see all your communications with your WebSockets, with 3 columns: Data, Length and Time.

这篇关于如何正确检查Chrome中的WebSocket框架?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！