Отладка веб-сокетов в Chrome Web Inspector - PullRequest
Новая
       19

Отладка веб-сокетов в Chrome Web Inspector

34 голосов
/ 21 января 2012

Я могу использовать вкладку Сеть в Google Chrome Web Inspector для отладки сетевого трафика (запросы AJAX и т. Д.). Я могу проверить, какие данные передаются легко. Но соединения Websocket отображаются только как 

Request URL:ws://localhost/...
Request Method:GET
Status Code:101 Switching Protocols
...

и я не вижу переданные данные. Есть ли в Google Chrome встроенная функция для проверки переданных данных? Или мне нужно использовать Wireshark?

PS: я использую последнюю стабильную версию (16.0.912.75). Если бы более новая версия (бета / dev) имела эти функции, было бы неплохо.

Ответы [ 3 ]

67 голосов
/ 10 мая 2012

В Chrome и Chromium теперь есть проверка фрейма сообщений WebSocket. Вот шаги, чтобы проверить это быстро:

  1. Перейдите на демонстрационную версию WebSocket Echo , размещенную на сайте websocket.org .
  2. Включите инструменты разработчика Chrome.
  3. Нажмите Сеть , включите фильтр (3-й значок слева в верхней части Dev Tools), чтобы отфильтровать трафик, показанный инструментами разработчика, и нажмите WebSockets .
  4. В демонстрационной программе Echo нажмите Connect . На вкладке «Заголовки» в Google Dev Tool вы можете проверить рукопожатие WebSocket.
  5. Нажмите кнопку Отправить в демоверсии Echo.
  6. Чтобы просмотреть фреймы WebSocket в Chrome Developer Tools, в разделе «Имя» щелкните запись, представляющую ваше соединение WebSocket. Это обновит основную панель справа и отобразит вкладку «Рамки WebSocket» с фактическим содержимым сообщения WebSocket.

Я также разместил шагов со снимками экрана и видео . enter image description here

8 голосов
/ 23 января 2012

После еще одного исследования я нашел здесь повторяющийся вопрос: Отладка WebSocket в Google Chrome

Chrome не поддерживает просмотр трафика в текущей стабильной версии. Мне нужно использовать Wireshark.

0 голосов
/ 07 июня 2018

Еще одна идея, для простого и легкого тестирования веб-сокетов, используйте плагин Chrome "Простой веб-сокет. Я хотел проверить только, может ли соединение быть установлено. Следующий плагин Chrome" Простой веб-сокет (ссылка: https://chrome.google.com/webstore/detail/simple-websocket-client/pfdhoblngboilpfeibdedpjgfnlcodoo?hl=en)" работает как шарм. См. Изображение.

https://lh3.googleusercontent.com/bEHoKg3ijfjaE8-RWTONDBZolc3tP2mLbyWanolCfLmpTHUyYPMSD5I4hKBfi81D2hVpVH_BfQ=w640-h400-e365

...