如何在Chrome开发者工具中查看WebSocket HTTP升级请求的错误JSON响应？

Chrome默认只会把成功完成WebSocket握手的请求归类到Network面板的WS标签下，升级失败的请求本质还是普通HTTP请求，所以需要调整查看方式：

• 打开Chrome开发者工具（快捷键F12/Ctrl+Shift+I），切换到Network面板
• 点击面板顶部的过滤器，选择All（不要停留在默认的WS选项）
• 在请求列表里找到对应的WebSocket初始化请求（URL和你调用new WebSocket()时传入的地址一致）
• 点击该请求，切换到Response标签，就能看到返回的JSON错误响应了

如果还是找不到，可以试试这两个小技巧：

• 点击Network面板右上角的齿轮图标（设置），勾选Preserve log，防止页面刷新或请求结束后日志被清空
• 同样在设置里勾选Log XMLHttpRequests，确保所有HTTP请求都被记录

内容的提问来源于stack exchange，提问作者zino