Socket.io客户端调试?

dis*_*dng 21 socket.io

socket.io是否具有客户端调试模式,您可以从字面上看到服务器发送给您的所有内容?

现在,您可以使用以下代码实现相同的效果:

socket.on('HELLO', function(arg1, arg2) { console.log('HELLO', arg1, arg2) ... 
socket.on('WORLD', function(arg1) { console.log('WORLD', arg1) ... 
Run Code Online (Sandbox Code Playgroud)

如果我可以轻松地做到这一点,而不是将console.log放在任何地方,这将非常方便.

Luk*_*kas 20

将其粘贴到控制台,单击"输入"并刷新页面:

localStorage.debug = '*';
Run Code Online (Sandbox Code Playgroud)

要仅从套接字获取传入数据的调试信息,请将其粘贴:

localStorage.debug = 'socket.io-client:socket';
Run Code Online (Sandbox Code Playgroud)

  • 只需通过 `localStorage.removeItem('debug')` 取消设置值或打开一些用于运行项目的工具并从本地存储中删除 `debug`,您也可以尝试 `localStorage.debug = ''` (2认同)

aru*_*kjn 7

您可以在webkit浏览器的Web检查器(chrome,safari,chromium)中轻松查看它

  • 右键单击页面
  • 转到Inspect元素
  • 单击网络选项卡
  • 在打开网络选项卡的情况下重新加载页面.
  • 您可以使用http get请求及其响应加载来查看所有资源.
  • 找到对socket.io服务器的第一个请求.
  • 这将返回可用消息传输的列表.
  • Socket.io客户端将获取第一个可用的传输.(如果浏览器支持,则为Websockets)
  • 现在,在第二个请求中,您将看到所有响应都返回到"框架"选项卡中.

Web检查员的参考图像


Gau*_*han 0

看来目前如果不按照您的描述手动记录它们是不可能的。

\n\n

我已在Socket.io-client \xe2\x80\x94 GitHub中发布了一个与此相关的问题。\n( https://github.com/LearnBoost/socket.io-client/issues/460 )。

\n