Отладка веб-браузера Chrome Web Inspector

Я могу использовать вкладку "Сеть" в 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) имеет эти функции, было бы неплохо.

Ответы

Ответ 1

Chrome и Chromium теперь имеют проверку кадров сообщений WebSocket. Вот шаги для быстрого тестирования:

  • Перейдите в демо-версию WebSocket Echo, размещенную на websocket.org.
  • Включите инструменты разработчика Chrome.
  • Нажмите Сеть, включите фильтр (третий значок слева от верхней части Dev Tools), чтобы отфильтровать трафик, показанный инструментами разработчика, и нажмите WebSockets.
  • В демо-версии Echo нажмите Подключить. На вкладке "Заголовки" в Google Dev Tool вы можете проверить рукопожатие WebSocket.
  • Нажмите кнопку Отправить в демонстрации Echo.
  • Чтобы просмотреть фреймы WebSocket в инструментах разработчика Chrome, в разделе "Имя" щелкните запись, представляющую ваше соединение с WebSocket. Это обновляет основную панель справа и делает вкладку WebSocket Frames отображаемой с фактическим содержимым сообщений WebSocket.

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

Ответ 2

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

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