Maui webview .Navigated event is not triggered when source is a blazor website

Question

Create a simple MAUI app with support for eg. android.

On mainpage add a webview (NOT BlazorWebView):

    <StackLayout
        VerticalOptions="Fill"
        HorizontalOptions="Fill">
        <WebView
            x:Name="mainWebView"
            VerticalOptions="FillAndExpand"
            HorizontalOptions="FillAndExpand"
            />
    </StackLayout>
    

Now try and catch the event:

        MainWebView.Navigated += async (s, e) =>
        {
            await OnNavigatedAsync(s, e);
        };

These events are never triggered because Blazor is an SPA.
How can this be resolved? I haven't found a reliable way to trigger this event, even with a javascript callback to the MAUI webview.

Answer 1

normally you would define a custom protocol. say "myapp:". then in javascript you would navigate with this protocol: "myapp://action?p1=....". because of the custom protocol, the spa navigation will not pickup. you could use a fake domain (http://myapp/)

here is a sample (without the custom protocol, just add)

https://github.com/mahop-net/Maui.HybridWebView