Как правильно проверить рамки WebSocket в Chrome?

Я ввел echo.websocket.org, как было предложено, открыла вкладку "Сеть" и фильтр WS в инструментах разработчика Chrome, но я не видеть никаких кадров. Я вижу записи подключения, но вкладка "Кадры" всегда остается пустой. Есть ли что-то особенное, что я должен сделать, чтобы увидеть рамки?

Снимок экрана: введите описание изображения здесь

Ответ 1

Вы отправили какие-либо данные на страницу? Вам нужно попробовать отправить сообщение после нажатия Connect:

Сокеты

В Chrome также есть полезная область, где вы можете просмотреть все активные сокеты:

Сокеты

Вы можете получить к нему доступ здесь: chrome://net-internals/#events&q=type:SOCKET%20is:active

Update:

После просмотра недавно добавленного скриншота, похоже, что ваша таблица данных сжата, и вам нужно перетащить ее вниз, чтобы увидеть записи.

Ответ 2

Нажмите " Сеть", " WS", выберите исходное соединение HTTP и перейдите на вкладку " Кадры ". Помните, что содержимое этой вкладки может быть скрыто другой панелью, поэтому вам нужно перетащить панель вниз, чтобы увидеть фреймы WebSocket.

enter image description here