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


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

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

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

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

Я пробовал Firebug и жить заголовков, и может стать использование программы Fiddler2, чтобы отслеживать биржи и их всех остановить вырубку есть.

8 65

8 ответов:

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

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

по состоянию на 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 Developer Tools:

поддержка платформы находится в ночное время сегодня и прототип дополнения работает здесь: 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

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


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

о комментарий на трекере проблем Firebug:

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

текущая версия 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 tab.

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

WebSockets tab

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

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

после установки расширения откройте Firefox Developer Tools и переключитесь на панель "Web Sockets". Он отображает трафик WS frame для текущей страницы. Существует дополнительная поддержка для следующих протоколов:

  • сокет IO
  • SockJS
  • WAMP
  • равнина JSON

WebSockets panel in Firefox DevTools

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

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

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

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

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

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

enter image description here

enter image description here

вы увидите, что данные меняются на вкладке кадров.

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