如何强制网站在Android/iOS端显示桌面版？含.NET MAUI Blazor方案

有几种实用方法可以实现这个需求：

• 修改请求的User-Agent：
  如果是通过APP内的WebView访问，直接配置WebView发送桌面端的User-Agent字符串，比如Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36，网站后端会识别为桌面设备并返回桌面版页面。
  若网站是你自己开发的，也可以在后端中间件里处理：检测到移动端UA时，替换为桌面端UA再处理请求。比如ASP.NET Core中可以这样写：

  app.Use(async (context, next) =>
  {
      var userAgent = context.Request.Headers["User-Agent"].ToString();
      if (userAgent.Contains("Mobile") || userAgent.Contains("Android") || userAgent.Contains("iPhone"))
      {
          context.Request.Headers["User-Agent"] = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36";
      }
      await next();
  });
  

• 强制前端使用桌面版样式：
  如果网站是响应式设计，可修改CSS，覆盖移动端媒体查询的样式，强制应用桌面版布局。比如：

  @media (max-width: 768px) {
      /* 复制桌面版CSS规则，或禁用移动端布局逻辑 */
      .mobile-only-element { display: none; }
      .desktop-container { width: 1200px; margin: 0 auto; }
  }
  

• 网站路由重定向：
  在网站前端或后端，检测到移动端访问时，直接重定向到桌面版专属路由（如果网站有区分的话）。

完全可以实现，分两种场景处理：

• 加载外部网站：
  在.NET MAUI Blazor应用中使用BlazorWebView控件，设置其Source为目标网站URL，同时配置WebView的User-Agent为桌面端字符串。比如在页面代码中：

  protected override void OnInitialized()
  {
      blazorWebView.WebView.SetUserAgent("Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36");
      blazorWebView.Source = new UrlWebViewSource { Url = "https://your-website.com" };
  }
  

  这样WebView会以桌面端身份请求网站，直接显示桌面版页面。
• 开发嵌入式Blazor网站：
  如果你用.NET MAUI Blazor开发应用内网站，无需做响应式适配，直接编写桌面版布局和样式即可。MAUI的WebView运行在APP环境中，不受移动端浏览器布局限制，你可以固定页面尺寸、强制应用桌面版CSS规则，确保显示效果和桌面端一致。

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