【问题标题】:Monitoring the websocket data through browser developer tools通过浏览器开发者工具监控 websocket 数据
【发布时间】:2015-10-02 23:18:19
【问题描述】:

是否可以通过浏览器的开发者工具查看/监控数据交换,比如chrome已经有了开发者工具>网络>websocket,但它只显示通信握手而不像xhr那样显示数据交换

【问题讨论】:

    标签: google-chrome firefox web websocket firebug


    【解决方案1】:

    在 Chrome 中,当您转到开发工具中的“网络”选项卡,然后单击 WebSocket 连接时,您可以通过在显示的 WebSocket 数据中从“标题”切换到“帧”来查看交换的数据。

    【讨论】:

    • Chrome 54.0.2840.99 m 没有这个选项,2016年怎么办?
    • 当前 Chrome (54.0.2840.100) 仍然有这个选项,这适用于不安全的 WebSocket。对于使用 TLS 的任何内容,您所看到的只是“二进制帧(操作码 2)” - 请参阅 bugs.chromium.org/p/chromium/issues/detail?id=605262
    【解决方案2】:

    Firefox 开发者工具目前(41.0 版)不提供检查 WebSocket 连接的方法。不过有一个issue filed for it

    Firebug 也是如此。还有一个issue filed for it

    【讨论】:

      猜你喜欢
      • 2019-09-15
      • 2012-08-12
      • 1970-01-01
      • 2023-02-07
      • 2011-11-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-11-12
      相关资源
      最近更新 更多