Socket.io client debugging?

Question

Does socket.io have a client side debug mode where you can literally see everything that the server has sent over to you?

Now you achieve the same effect with the following code:

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

It would be really convenient if I can do this easily without putting console.log everywhere.

Lukas Liesis · Accepted Answer · 2016-01-20 22:40:30Z

39

Paste this to console, click enter and refresh your page:

localStorage.debug = '*';

To get only debug info with incoming data from socket, paste this instead:

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

answered Jan 20, 2016 at 22:40

Lukas Liesis

26.6k12 gold badges123 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ajay Over a year ago

I have enabled the logs by entering this code into my web browser but now I am not able to disable it. Whenever I start my application, I also see the socket debug logs that I no longer require. How can I remove/disable these socket logs? I am using the socket client in React Native.

Lukas Liesis Over a year ago

just unset the value by localStorage.removeItem('debug') or open some tools you use to run the project and remove debug from local storage, you may try localStorage.debug = '' too

Julian Knight Over a year ago

There does not appear to be an option for this if you are using JavaScript modules in the browser since the only ESM version is minified and does not include the debug tooling.

arunkjn · Accepted Answer · 2013-04-04 17:36:02Z

7

You can see it easily in a webkit browser's web inspector (chrome, safari, chromium) To do this

right click on the page
Go to Inspect element
Click on the network tab
Reload the page with the network tab opened.
You can see all the resources with http get request and their responses getting loaded.
Find the first request to the socket.io server.
This will get back a list of available message transports.
Socket.io client will pick up the first available transport. (Websockets if supported by your browser)
Now in the second request you will see all the responses coming back in a 'frames' tab.

Reference image for web inspector

answered Apr 4, 2013 at 17:36

arunkjn

5,9895 gold badges24 silver badges31 bronze badges

Comments

Capaj · Accepted Answer · 2014-06-01 16:50:15Z

3

Since version 1.0 of Socket.io you can set "debug" property in your localStorage to "*". Then you will get all client logs. You can even filter, because it uses https://github.com/visionmedia/debug under the hood. It is all nicely documented here: http://socket.io/docs/logging-and-debugging/

answered Jun 1, 2014 at 16:50

Capaj

4,2244 gold badges47 silver badges58 bronze badges

1 Comment

Lukas Liesis Over a year ago

documentation is not that nice. If you want only see those lines with new data coming from socket, set debug flag to "socket.io-client:socket". I hope this may help as example of filters (mentioned in docs w/o example).

user8555937 · Accepted Answer · 2021-06-23 08:48:34Z

2

If you're on Nodejs, place this code at top of the script:

process.env.DEBUG="*"

const io = require('socket.io-client')

...

OS's terminal "set" doesn't always work.

answered Jun 23, 2021 at 8:48

user8555937

2,4252 gold badges22 silver badges52 bronze badges

Comments

Jerin D Joy · Accepted Answer · 2019-03-05 09:49:39Z

1

If you are on command prompt, enter the following 2 commands :

set DEBUG=* node yoursocketioprogram.js

Now you will see all the messages in debug() inside socket.io-client

answered Mar 5, 2019 at 9:49

Jerin D Joy

7886 silver badges11 bronze badges

Comments

Gautham Badhrinathan · Accepted Answer · 2012-08-11 19:20:38Z

0

It seems it's not currently possible without logging them manually as you've described.

I have posted an issue in Socket.io-client — GitHub regarding this. (https://github.com/LearnBoost/socket.io-client/issues/460).

answered Aug 11, 2012 at 19:20

Gautham Badhrinathan

2,4573 gold badges22 silver badges30 bronze badges

Collectives™ on Stack Overflow

Socket.io client debugging?

6 Answers 6

3 Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related