Как просмотреть содержимое запроса WS / WSS Websocket с помощью Firebug или другого?
Есть ли способ просмотра трафика Websocket?
В начальном рукопожатии видны только заголовки Websocket.
После ответа все исчезает:
- В Firebug, как я могу остановить перенаправление?
- Как скрыть запросы ajax с консоли firebug?
- Как отлаживать привязки событий JavaScript / jQuery к Firebug или аналогичным инструментам?
- Предложения для отладки таблиц стилей печати?
- Различия между socket.io и websockets
Connection Upgrade Sec-WebSocket-Accept EQqklpK6bzlgAAOL2EFX/nx8bEI= Upgrade WebSocket Я пробовал Firebug, Live Headers и Fiddler2 для отслеживания обмена, и все они останавливаются там.
- Переключение User-Agent в Firefox 4
- Есть что-то вроде «Firebug для IE» (для отладки JavaScript)?
- Найти прикрепленные / связанные события элемента с помощью инструментов разработки Chrome / Firebug / IE
- Эквивалент Firebug «Скопировать XPath» в Internet Explorer?
- Как отладить скрипт Greasemonkey с расширением Firebug?
- Почему я не могу сохранить изменения CSS в Firebug?
Попробуйте инструменты разработчика Chrome,
- перейдите на вкладку «Сеть»
- используйте фильтры внизу, чтобы показывать только соединения WebSocket),
- выберите желаемое соединение с веб-разъемом,
- обратите внимание, что есть заголовки «Заголовки», «Предварительный просмотр», «Ответ» и т. д. справа,
- после того, как начнет поступать данные, появится субтитр «WebSocket Frames». Все данные, идущие в любом направлении, регистрируются. Очень информативно.
По состоянию на 3 сентября 2014 года кажется, что отладка WebSocket в FireBug находится в шланге: https://getfirebug.com/wiki/index.php/Firebug_2.0_Roadmap#Feature_Overview . Но дата выпуска не упоминается.
Обновление 2017-11-24 Изменена система плагинов в Firefox. Монитор Websocket на момент написания недоступен 🙁
Обновление 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 .
Текущая версия 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 в списке WebSessions Fiddler, появится вкладка WebSockets
Существует WebSocket Monitor – расширение для инструментов разработчика Firefox, которое может использоваться для мониторинга соединений WebSocket
После установки расширения откройте Firefox Developer Tools и перейдите на панель «Web Sockets». Он отображает трафик фрейма WS для текущей страницы. Существует дополнительная поддержка для следующих протоколов:
- Socket IO
- SockJS
- WAMP
- Простой JSON
Не так удобно, как другие варианты, упомянутые здесь, но универсальный инструмент, который может помочь вам в различных ситуациях: Используйте wirehark . Имея некоторые знания о TCP, вы можете отлаживать проблемы, которые другие упомянутые инструменты не могут решить (неожиданные отключения, …), потому что они работают на слишком высоком уровне. Вы также можете (так же, как и в Firebug, и т. Д.) Читать фактические сообщения веб-рассылки.
Недостатком wirehark является то, что довольно громоздко работать с зашифрованными соединениями.
Попробуйте, я все время использую его для отладки приложения Rails, которое взаимодействует с бэкэнд-сервером Python.
Я добавил более подробную информацию об использовании Chrome и Wireshark для отладки сообщений WebSocket по адресу:
https://blogs.oracle.com/arungupta/entry/logging_websocket_frames_using_chrome
Использовать инструменты разработчика Chrome
Вы увидите изменения данных на вкладке «Фреймы».
В firefox вы можете открыть панель инструментов разработчика (Shift + F2) и увидеть веб-сайты на вкладке «Сеть». Вы можете использовать фильтрацию в нижней части вкладки (выберите «Другое» для веб-сайтов).