Как просмотреть содержимое запроса WS / WSS Websocket с помощью Firebug или другого?

Question

Есть ли способ просмотреть трафик Websocket?

На начальном рукопожатии видны только заголовки Websocket.

Все исчезает после ответа:

Connection  Upgrade
Sec-WebSocket-Accept    EQqklpK6bzlgAAOL2EFX/nx8bEI=
Upgrade WebSocket

Я попробовал Firebug, Live Headers и Fiddler2, чтобы отследить обмен, и все они перестали регистрироваться там.

Answer 1

Попробуйте инструменты разработчика Chrome,

1. нажмите вкладку «Сеть»
2. используйте фильтры внизу для отображения только соединений WebSocket),
3. выберите желаемое подключение к веб-сокету,
4. обратите внимание, что есть вкладки «Заголовки», «Предварительный просмотр», «Ответ» и т. Д. направо
5. как только данные начнут поступать, появится вложенная вкладка 'WebSocket Frames'. Все данные, идущие в любом направлении, регистрируются. Очень информативно.

Answer 2

По состоянию на 3 сентября 2014 года, кажется, что отладка WebSocket в FireBug находится в шланге: https://getfirebug.com/wiki/index.php/Firebug_2.0_Roadmap#Feature_Overview. Но дата выпуска не упоминается.

---

Обновление 2017-11-24 Изменена система плагинов в Firefox.Websocket Monitor на момент записи недоступен: (

---

Обновление 2016-04-06

Наконец-то возможна отладка WebSocket в Firefox с помощью Websocket Monitor аддон для Firefox Dev Tools! Он разработан командой разработчиков Firebug и его источники можно найти здесь .

---

Обновление 2015-10-28

Джефф Гриффитс, менеджер по продукту для разработчиков инструментов Firefox:

Поддержка платформы сегодня ночью, и надстройка прототипа работает здесь: https://github.com/firebug/websocket-monitor

https://twitter.com/canuckistani/status/659399140590284800

Соответствующий запрос функций в Firefox Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=1203802

---

Обновление от 2015-04-08

Fiddler 4.5 теперь может самостоятельно проверять трафик WebSocket.

---

Обновление 2014-09-11

Относительно этого комментария на трекере ошибок Firebug:

В настоящее время он находится вне поля зрения, так как команда Firebugработает над интеграцией Firebug с DevTools в данный момент.Это означает, что он сможет повторно использовать функции, предоставляемые встроенным DevTools.Поэтому вы можете следовать https://bugzil.la/885508.

Answer 3

Текущая версия Fiddler прекрасно работает с трафиком WebSocket. Смотри http://blogs.msdn.com/b/fiddler/archive/2011/11/22/fiddler-and-websockets.aspx

См. http://blogs.telerik.com/fiddler/posts/13-06-04/what-s-new-in-fiddler-2-4-4-5 о том, как разместить данные на вкладке Log.

Для отображения данных на вкладке WebSockets,

вам нужно расширение (оно должно быть встроено для версии 2.5). На данный момент вы можете получить текущие биты . Просто извлеките ZIP-файл и поместите два файла в папку \Fiddler2\Scripts и перезапустите Fiddler. Если дважды щелкнуть сеанс WebSocket в списке веб-сессий Fiddler, откроется вкладка WebSockets

Answer 4

Существует WebSocket Monitor - расширение для инструментов разработчика Firefox, которое можно использовать для мониторинга подключений WebSocket

После установки расширения откройте Firefox Developer Tools и переключитесь на «Веб-сокеты»панель.Он отображает трафик кадра WS для текущей страницы.Существует дополнительная поддержка следующих протоколов:

• Socket IO
• SockJS
• WAMP
• Простой JSON

Answer 5

Не так удобно, как другие опции, упомянутые здесь, но универсальный инструмент, который может помочь вам в различных ситуациях: Используйте wireshark .Имея некоторые знания о TCP, вы можете отлаживать проблемы, которые не могут решить другие упомянутые инструменты (неожиданные отключения ...), потому что они работают на слишком высоком уровне.Вы также можете (как и в Firebug и т. Д.) Читать реальные сообщения веб-сокетов.

Недостаток wireshark в том, что работать с зашифрованными соединениями довольно громоздко.

Попробуйте, я все время использую его для отладки приложения Rails, которое взаимодействует с бэкэндом веб-сокета Python.

Answer 6

Используйте инструменты разработчика Chrome

Вы увидите, что данные изменяются вВкладка «Рамки».

Answer 7

Более подробную информацию об использовании Chrome и Wireshark для отладки сообщений WebSocket я разместил по адресу:

https://blogs.oracle.com/arungupta/entry/logging_websocket_frames_using_chrome

Answer 8

В Firefox вы можете открыть панель инструментов разработчика (Shift + F2) и увидеть веб-сокеты на вкладке Сеть. Вы можете использовать фильтрацию внизу вкладки (выберите Другое для веб-сокетов).