如何使用Chrome开发者工具调试web socket应用

使用Chrome开发者工具,web socket应用的调试显得异常方便。

打开Chrome开发者工具,切换到network标签页,选择Filter,根据WS过滤,

如何使用Chrome开发者工具调试web socket应用

刷新我们的web socket应用,回到开发者工具,马上就能看到对应的记录了:

如何使用Chrome开发者工具调试web socket应用

在web socket应用里发送一些数据,比如“Jerry Wang”,

如何使用Chrome开发者工具调试web socket应用

在Chrome开发者工具的Frames区域即可看到这个web socket通信的报文明细:

如何使用Chrome开发者工具调试web socket应用

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
如何使用Chrome开发者工具调试web socket应用