【问题标题】:Socket.io client debugging?Socket.io 客户端调试?
【发布时间】:2012-01-31 17:20:55
【问题描述】:

socket.io 是否有客户端调试模式,您可以在其中查看服务器发送给您的所有内容?

现在你用下面的代码实现了同样的效果:

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

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

【问题讨论】:

    标签: socket.io


    【解决方案1】:

    将此粘贴​​到控制台,单击进入并刷新您的页面:

    localStorage.debug = '*';
    

    要仅使用来自套接字的传入数据获取调试信息,请改为粘贴:

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

    【讨论】:

    • 我已经通过在我的网络浏览器中输入此代码来启用日志,但现在我无法禁用它。每当我启动我的应用程序时,我也会看到不再需要的套接字调试日志。如何删除/禁用这些套接字日志?我在 React Native 中使用套接字客户端。
    • 只需取消设置localStorage.removeItem('debug') 的值或打开一些用于运行项目的工具并从本地存储中删除debug,您也可以尝试localStorage.debug = ''
    【解决方案2】:

    您可以在 webkit 浏览器的 web 检查器(chrome、safari、chromium)中轻松查看它 为此

    • 右击页面
    • 转到检查元素
    • 点击网络标签
    • 在网络标签打开的情况下重新加载页面。
    • 您可以看到所有带有 http get 请求的资源及其响应正在加载。
    • 找到对 socket.io 服务器的第一个请求。
    • 这将返回可用消息传输的列表。
    • Socket.io 客户端将选择第一个可用的传输。 (如果您的浏览器支持 Websockets)
    • 现在,在第二个请求中,您将在“框架”选项卡中看到返回的所有响应。

    【讨论】:

      【解决方案3】:

      从 Socket.io 1.0 版开始,您可以将 localStorage 中的“debug”属性设置为“*”。然后您将获得所有客户端日志。您甚至可以过滤,因为它在后台使用https://github.com/visionmedia/debug。这一切都很好地记录在这里:http://socket.io/docs/logging-and-debugging/

      【讨论】:

      • 文档不是很好。如果您只想查看来自套接字的新数据行,请将调试标志设置为“socket.io-client:socket”。我希望这可以作为过滤器的示例有所帮助(在没有示例的文档中提到)。
      【解决方案4】:

      如果您在命令提示符下,请输入以下 2 个命令:

      set DEBUG=* node yoursocketioprogram.js

      现在您将在 socket.io-client 中的 debug() 中看到所有消息

      【讨论】:

        【解决方案5】:

        如果您使用的是 Nodejs,请将此代码放在脚本顶部:

        process.env.DEBUG="*"
        
        const io = require('socket.io-client')
        
        ...
        

        操作系统的终端“设置”并不总是有效。

        【讨论】:

          【解决方案6】:

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

          我已经在Socket.io-client — GitHub 中发布了一个关于此的问题。 (https://github.com/LearnBoost/socket.io-client/issues/460)。

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2011-08-12
            • 1970-01-01
            • 1970-01-01
            • 2018-11-27
            • 2012-02-20
            • 2020-01-11
            • 2015-06-18
            • 1970-01-01
            相关资源
            最近更新 更多