Blazor Server项目中如何在Chrome开发者工具查看WebSocket请求

嗨，我来帮你搞定这个问题！其实Blazor Server的WebSocket请求完全能在Chrome开发者工具里查到，你没看到大概率是没找对位置或者忽略了几个小细节，我给你一步步说清楚：

为什么一开始没看到？ #

Blazor Server依赖SignalR框架，它默认优先用WebSocket传输数据，但Chrome DevTools的Network标签页默认会把WebSocket请求和普通HTTP请求混在一起，很容易被淹没；另外如果服务器环境不支持WebSocket，SignalR会自动 fallback 到长轮询/Server-Sent Events，这时候你看到的就是普通HTTP请求而非WebSocket了。

具体查看步骤 #

• 打开Chrome开发者工具：可以按F12键，或者右键页面选择「检查」。
• 切换到Network标签页。
• 在顶部的请求类型过滤栏里，找到并勾选WS（这是WebSocket的缩写），这样只会显示WebSocket相关请求，避免被其他请求干扰。
• 刷新你的Blazor Server页面，这时候你就能看到一条以_blazor结尾的WebSocket请求了（格式一般是wss://你的域名/_blazor）。
• 点击这条请求，切换到Frames标签页，就能看到客户端和服务器之间传输的所有SignalR消息——包括UI更新指令、用户交互的回调数据，这些就是Blazor Server用来同步UI的核心内容。

额外注意事项 #

• 如果你还是看不到WebSocket请求，先确认项目里WebSocket是启用状态：在Program.cs里，Blazor Server模板默认已经配置了WebSocket，但你可以检查一下确保没有被注释：

  builder.Services.AddServerSideBlazor();
  // 确保WebSocket中间件已注册（.NET 6模板默认已包含）
  app.UseWebSockets();
  

• 如果你的部署环境（比如IIS）不支持WebSocket，需要先在服务器上启用WebSocket功能，否则SignalR会自动切换到其他传输方式，你就看不到WS请求了。

备注：内容来源于stack exchange，提问作者mnu-nasir