Как просмотреть содержимое запроса WS / WSS Websocket с помощью Firebug или другого?
есть ли способ просмотреть трафик Websocket?
только заголовки Websocket видны при первоначальном рукопожатии.
все исчезает после ответ:
Connection Upgrade
Sec-WebSocket-Accept EQqklpK6bzlgAAOL2EFX/nx8bEI=
Upgrade WebSocket
Я пробовал Firebug, Live Headers и Fiddler2 отслеживать обмен, и все они перестают регистрироваться там.
8 ответов
попробуйте инструменты разработчика Chrome,
- нажмите вкладку "Сеть"
- используйте фильтры внизу, чтобы показать только соединения WebSocket),
- выберите нужное соединение websocket,
- обратите внимание, что есть "заголовки", "предварительный просмотр", "ответ" и т. д. суб-вкладки направо,
- после того, как данные начинает течь с 'с WebSocket кадров вкладке появится. Все данные, идущие в любом направлении, регистрируются. Очень информативный.
по состоянию на 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 аддон для инструментов Firefox Dev! Он разработан командой разработчиков Firebug и его источники можно найти здесь.
обновление 2015-10-28
Джефф Гриффитс, менеджер продуктов для инструментов разработчика Firefox:
поддержка платформы находится в nightly сегодня и прототип надстройка работает здесь: 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 работает над интеграция Firebug с DevTools на данный момент. Это значит это будет иметь возможность повторно использовать функции, предоставляемые встроенными 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,
вам нужно расширение (это планируется встроить для версия 2.5). На данный момент, Вы можете захватить текущее бит. Просто извлеките ZIP и поместите два файла в \Fiddler2\Scripts папка и перезапустите Fiddler. Если вы дважды щелкните сеанс WebSocket в списке веб-сеансов Fiddler, появится вкладка WebSockets
здесь WebSocket Monitor - расширение для инструментов разработчика Firefox, которое можно использовать для мониторинга соединений WebSocket
после установки расширения откройте Firefox Developer Tools и перейдите на панель "Web Sockets". Он отображает трафик фрейма WS для текущей страницы. Существует дополнительная поддержка следующих протоколов:
- гнездо IO
- SockJS
- WAMP
- равнина В JSON
Не так комфортно, как другие варианты, упомянутые здесь, но универсальный инструмент, который может помочь вам в различных ситуациях: использовать помощью Wireshark. С некоторыми знаниями о TCP вы можете отлаживать проблемы, которые другие упомянутые инструменты не могут решить (неожиданные отключения,...), потому что они работают на слишком высоком уровне. Вы также можете (как и в Firebug и т. д.) Читать фактические сообщения websocket.
недостатком wireshark является то, что он довольно громоздкий для работы с зашифрованными соединениями.
попробуйте, я использую его все время для отладки приложения Rails, которое взаимодействует с бэкэндом Python websocket.
Я опубликовал более подробную информацию об использовании Chrome и Wireshark для отладки сообщений WebSocket по адресу:
https://blogs.oracle.com/arungupta/entry/logging_websocket_frames_using_chrome
в firefox вы можете открыть Панель инструментов разработчика (Shift+F2) и увидеть websockets на вкладке Сеть. Вы можете использовать фильтрацию в нижней части вкладки (выберите другой для websockets).