Отладка клиента Socket.io?

Есть ли у socket.io режим отладки на стороне клиента, где вы можете буквально видеть все, что сервер отправил вам?

Теперь вы получаете тот же эффект со следующим кодом:

socket.on('HELLO', function(arg1, arg2) { console.log('HELLO', arg1, arg2) ... 
socket.on('WORLD', function(arg1) { console.log('WORLD', arg1) ...

Было бы очень удобно, если бы я мог сделать это легко, не опуская console.log.

Ответы

Ответ 1

Вставьте это в консоль, нажмите кнопку "Ввести" и обновите страницу:

localStorage.debug = '*';

Чтобы получить только отладочную информацию с входящими данными из сокета, вставьте это вместо:

localStorage.debug = 'socket.io-client:socket';

Ответ 2

Вы можете легко увидеть его в веб-инспекторе веб-браузера (хром, сафари, хром) Для этого

  • щелкните правой кнопкой мыши на странице
  • Перейти к элементу проверки
  • Нажмите вкладку сети
  • Перезагрузите страницу с открытой вкладкой сети.
  • Вы можете увидеть все ресурсы с запросом http get и загрузкой их ответов.
  • Найдите первый запрос на сервер socket.io.
  • Это вернет список доступных сообщений.
  • Клиент Socket.io заберет первый доступный транспорт. (Websockets, если поддерживается вашим браузером)
  • Теперь во втором запросе вы увидите все ответы, возвращающиеся на вкладку "frames".

Reference image for web inspector

Ответ 3

Начиная с версии 1.0 Socket.io вы можете установить свойство "debug" в свой localStorage на "*". Затем вы получите все клиентские журналы. Вы можете даже фильтровать, потому что он использует https://github.com/visionmedia/debug под капотом. Все это хорошо описано здесь: http://socket.io/docs/logging-and-debugging/