MAUI.NET中WebView获取网页URL失败求助

针对你遇到的YouTube（单页应用）URL无法通过e.Url、EvaluateJavaScriptAsync或WebView.Source获取的问题，核心原因是单页应用（SPA）的内部跳转不会触发WebView的Navigating/Navigated事件，也不会更新Source属性，同时部分网站的安全策略会限制直接执行JS获取URL。以下是可行的解决方案：

1. 通过JS桥接监听URL变化 #

利用WebView的JS-C#交互能力，注入脚本监听页面URL变化，再把URL传递到C#端更新Entry：

步骤1：注入监听脚本 #

在Navigated事件中注入JS代码，监听SPA的路由变化（YouTube常用hash路由）：

private async void YoutubeWebView_Navigated(object? sender, WebNavigatedEventArgs e)
{
    try
    {
        string jsListener = @"
            // 监听hash路由变化
            window.addEventListener('hashchange', () => {
                window.chrome.webview.postMessage(window.location.href);
            });
            // 监听浏览器前进后退的popstate事件
            window.addEventListener('popstate', () => {
                window.chrome.webview.postMessage(window.location.href);
            });
            // 页面加载完成后发送初始URL
            window.chrome.webview.postMessage(window.location.href);
        ";
        await youtubeWebView.EvaluateJavaScriptAsync(jsListener);
    }
    catch (Exception ex)
    {
        await Console.Out.WriteLineAsync($"注入脚本失败: {ex.Message}");
    }
}

步骤2：接收JS传递的URL #

给WebView添加WebMessageReceived事件，获取JS发送的URL并更新Entry：

private void YoutubeWebView_WebMessageReceived(object? sender, WebMessageReceivedEventArgs e)
{
    urlEntry.Text = e.WebMessage.AsString();
}

步骤3：启用WebView的JavaScript支持 #

在XAML中确保WebView启用JavaScript：

<WebView x:Name="youtubeWebView" 
         IsJavaScriptEnabled="True"
         Navigated="YoutubeWebView_Navigated"
         WebMessageReceived="YoutubeWebView_WebMessageReceived"/>

2. 平台特定配置 #

针对不同平台可能需要额外配置，确保JS交互正常：

Android平台 #

手动启用DOM存储和JavaScript：

#if ANDROID
var webSettings = youtubeWebView.Handler.PlatformView.GetType().GetProperty("Settings")?.GetValue(youtubeWebView.Handler.PlatformView) as Android.Webkit.WebSettings;
if (webSettings != null)
{
    webSettings.JavaScriptEnabled = true;
    webSettings.DomStorageEnabled = true; // 支持SPA的本地存储
}
#endif

iOS平台 #

配置WKWebView允许JavaScript：

#if IOS
var config = new WebKit.WKWebViewConfiguration();
config.Preferences.JavaScriptEnabled = true;
youtubeWebView.Handler = new WebViewHandler { PlatformView = new WebKit.WKWebView(CoreGraphics.CGRect.Empty, config) };
#endif

为什么原有方法无效？ #

• e.Url：仅在页面重新加载时触发Navigating/Navigated事件，SPA内部跳转是JS动态修改路由，不会触发这些事件，所以e.Url始终是初始URL。
• EvaluateJavaScriptAsync("window.location.href")：部分网站（如YouTube）的内容安全策略（CSP）可能禁止inline脚本执行，或者调用时机过早（页面未完全加载）导致获取失败。
• WebView.Source：该属性仅对应WebView初始加载的URL，SPA内部跳转不会更新这个属性。

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