Есть ли способ или расширение, которое позволяет мне наблюдать «трафик», проходящий через WebSocket? В целях отладки я хотел бы видеть запросы и ответы клиента и сервера.
google-chrome
websocket
mellowsoon
источник
источник
Chrome Canary и Chromium теперь имеют функцию проверки фрейма сообщений WebSocket. Вот шаги, чтобы проверить это быстро:
Примечание . Каждый раз, когда вы отправляете или получаете новые сообщения, вы должны обновлять основную панель, нажимая на запись echo.websocket.org слева.
Я также разместил шаги со скриншотами и видео .
Моя недавно опубликованная книга «Полное руководство по HTML5 WebSocket» также содержит специальное приложение, охватывающее различные инструменты проверки, в том числе Chrome Dev Tools, Chrome net-internals и Wire Shark.
источник
Кажется, они постоянно меняют вещи в Chrome, но вот что работает сейчас :-)
Сначала вы должны нажать на красную кнопку записи, или вы ничего не получите.
Я никогда не замечал
WS
раньше, но он отфильтровывает соединения через веб-сокет.Выберите его, и тогда вы увидите кадры, в которых будут отображаться сообщения об ошибках и т. Д.
источник
Если у вас нет страницы, которая обращается к веб-сокету, вы можете открыть консоль Chrome и ввести свой JavaScript в:
Это откроет веб-сокет, чтобы вы могли видеть его на вкладке сети и в консоли.
источник
Другие ответы охватывают наиболее распространенный сценарий: следите за содержимым фреймов (Инструменты разработчика -> вкладка «Сеть» -> щелкните правой кнопкой мыши соединение веб-сокета -> фреймы).
Если вы хотите узнать больше информации, например, какие сокеты в настоящее время открыты / свободны, или сможете закрыть их, вы найдете этот URL полезным.
источник
У вас есть 3 варианта: Chrome (через Инструменты разработчика -> вкладка «Сеть»), Wireshark и Fiddler (через вкладку «Журнал»), но все они очень простые. Если у вас очень большой объем трафика или каждый кадр очень большой, становится очень трудно использовать их для отладки.
Однако вы можете использовать Fiddler с FiddlerScript для проверки трафика WebSocket так же, как вы проверяете HTTP-трафик. Несколько преимуществ этого решения в том, что вы можете использовать многие другие функции в Fiddler, такие как несколько инспекторов (HexView, JSON, SyntaxView), сравнивать пакеты, находить пакеты и т. Д.
Пожалуйста, обратитесь к моей недавно написанной статье о CodeProject, в которой показано, как отлаживать / проверять трафик WebSocket с помощью Fiddler (с FiddlerScript). http://www.codeproject.com/Articles/718660/Debug-Inspect-WebSocket-traffic-with-Fiddler
источник
Я просто публикую это, так как Chrome сильно изменился, и ни один из ответов не был достаточно актуальным.
источник
Краткий ответ для Chrome версии 29 и выше:
источник
Инструменты разработчика Chrome позволяют видеть запрос подтверждения связи, который остается в ожидании во время открытого соединения, но вы не можете видеть трафик, насколько я знаю. Однако вы можете понюхать это, например.
источник
Я использовал расширение Chrome под названием Simple WebSocket Client v0.1.3 , которое опубликовано пользователем hakobera. Он очень прост в использовании, так как позволяет открывать веб-сокеты по заданному URL-адресу, отправлять сообщения и закрывать сокет-соединение. Это очень минималистично.
источник
Что касается инструмента, который я начал использовать, я предлагаю использовать firecamp как Postman, но он также поддерживает websockets и socket.io.
источник