Xamarin Android WebView在m.olx.pl页面Navigated事件不触发求助

核心原因 #

• SPA前端路由机制：https://m.olx.pl 属于单页应用（SPA），搜索操作和站内导航通过前端路由实现（比如history.pushState或哈希路由），这类操作不会触发浏览器级别的完整页面跳转，而Xamarin WebView的Navigated事件仅在页面完成完整加载/跳转时才会触发，因此无法响应SPA内部的导航行为。
• WebView事件监听范围限制：Xamarin WebView的Navigating/Navigated事件只监听传统的HTTP导航请求，对于SPA内部的DOM更新、路由切换这类无页面刷新的操作，不在其监听范围内。

解决办法 #

1. 注入JavaScript监听前端路由变化

通过向WebView注入JS代码，监听SPA的路由变化事件，再通过JS桥接通知Xamarin端，以此替代Navigated事件处理站内导航。

示例代码：

// 页面首次加载完成后注入监听脚本
private async void WebView_Navigated(object sender, WebNavigatedEventArgs e)
{
    if (e.Result != WebNavigationResult.Success) return;

    var routeMonitorScript = @"
        // 监听哈希路由变化
        window.addEventListener('hashchange', () => {
            window.external.notify('routeChange:' + window.location.href);
        });

        // 监听history.pushState/replaceState触发的路由变化
        (function(originalPushState) {
            history.pushState = function(state) {
                window.external.notify('routeChange:' + window.location.href);
                return originalPushState.apply(this, arguments);
            };
            history.replaceState = function(state) {
                window.external.notify('routeChange:' + window.location.href);
                return originalPushState.apply(this, arguments);
            };
        })(history.pushState);
    ";

    await ((WebView)sender).Eval(routeMonitorScript);
}

之后在Xamarin端监听WebView的消息事件（不同平台实现略有差异）：

• Xamarin.Forms：可通过自定义渲染器监听WKScriptMessageHandler（iOS）或JavascriptInterface（Android），接收JS发送的routeChange通知，再执行对应逻辑。

2. 检查WebView基础配置

确保WebView启用了JavaScript，olx移动站依赖JS运行，禁用JS会导致页面功能异常，也可能间接影响导航事件：

// Android平台在自定义渲染器中设置
Control.Settings.JavaScriptEnabled = true;

// iOS平台在自定义渲染器中设置
var config = new WKWebViewConfiguration();
config.Preferences.JavaScriptEnabled = true;
Control = new WKWebView(Frame, config);

3. 自定义渲染器监听底层导航事件

针对不同平台的原生WebView，可通过自定义渲染器监听更底层的事件：

• Android：继承WebViewRenderer，重写OnElementChanged，设置WebViewClient并监听OnPageFinished，但仍需结合JS监听SPA路由；
• iOS：继承WKWebViewRenderer，设置NavigationDelegate并监听DidFinishNavigation，同样需配合JS监听内部路由。

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