MAUI中使用HtmlWebViewSource遭遇CORS错误及WebView当前URL获取难题

看起来你在MAUI里实现浏览器多标签功能时踩了好几个棘手的坑，我来帮你逐一梳理下可行的解决思路：

一、为什么location.href是"about:blank"且出现CORS问题？ #

你当前通过HttpClient.GetAsync获取网页HTML再用HtmlWebViewSource加载的做法，会触发两个核心问题：

1. 同源策略限制：WebView加载本地HTML字符串时，哪怕设置了BaseUrl，浏览器仍会把页面源识别为about:blank，导致页面内的跨域请求（比如API调用、资源加载）被CORS策略拦截。
2. location.href异常：因为页面实际加载的是本地字符串而非原始URL，所以location.href自然会显示about:blank，而非你期望的目标地址。

改进方案：直接让WebView加载原始URL #

放弃手动获取HTML的方式，直接让WebView加载目标URL，同时通过NavigationCompleted事件记录当前页面的真实URL：

private void InitializeWebView()
{
    if (_selectedTab.CurrentUri != null)
    {
        WebView5.Source = new UrlWebViewSource { Url = _selectedTab.CurrentUri.AbsoluteUri };
    }

    // 绑定事件记录当前URL
    WebView5.NavigationCompleted += (s, e) =>
    {
        if (!e.IsSuccess) return;
        _selectedTab.CurrentUri = new Uri(e.Url);
    };
}

这种方式下WebView直接加载原始地址，完全符合浏览器同源策略，CORS问题会自动消失，location.href也会显示真实的页面地址。

二、多标签共享登录会话（Cookie）的解决方案 #

你提到不想用多个WebView是因为每个标签都要重新登录，其实MAUI的WebView可以实现会话共享，分平台处理即可：

• Windows平台（WebView2内核）：为多个WebView实例设置同一个UserDataFolder，让它们共享用户数据（包括Cookie、会话）：

  // WebView初始化时配置
  await WebView5.EnsureCoreWebView2Async();
  // 设置共享的用户数据目录
  WebView5.CoreWebView2.ProfilePath = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.ApplicationData), "SharedWebViewData");
  

• Android平台：使用CookieManager全局管理Cookie，切换标签时同步Cookie：

  var cookieManager = CookieManager.Instance;
  cookieManager.SetAcceptCookie(true);
  // 获取当前WebView的Cookie并同步到其他WebView
  string cookies = cookieManager.GetCookie(_selectedTab.CurrentUri.AbsoluteUri);
  // 新WebView加载URL前设置Cookie
  cookieManager.SetCookie(_selectedTab.CurrentUri.AbsoluteUri, cookies);
  

• iOS平台：通过HTTPCookieStorage共享Cookie容器，同一域名的请求会自动共享Cookie，无需额外配置。

三、处理页面新窗口请求（中键点击打开新标签） #

WebView提供了NewWindowRequested事件，专门处理页面请求打开新窗口的场景，你可以在这个事件里创建新标签并加载目标URL，避免系统打开外部浏览器：

private void WebView5_NewWindowRequested(object sender, WebViewNewWindowRequestedEventArgs e)
{
    // 取消默认的外部浏览器打开行为
    e.Handled = true;
    // 创建新标签页
    var newTab = new TabItem { CurrentUri = new Uri(e.Url) };
    _tabCollection.Add(newTab);
    // 切换到新标签并加载URL
    _selectedTab = newTab;
    InitializeWebView();
}

记得给WebView绑定这个事件：

WebView5.NewWindowRequested += WebView5_NewWindowRequested;

总结 #

放弃手动加载HTML字符串的方案，改用直接加载URL的方式，既能解决CORS和location.href的问题，又能更方便地实现会话共享和新窗口处理，你的多标签浏览器功能就能顺畅运行啦。

备注：内容来源于stack exchange，提问作者Igor Markiv