如何在MAUI Blazor Hybrid应用中实现页面刷新且避免内存增长？

用location.reload()刷新WebView之所以会导致内存上涨，是因为WebView不会彻底清理旧的Blazor运行时实例、JS上下文和相关资源，这些未被回收的对象会持续占用内存，多次刷新后就会累积出明显的问题。以下是几个更可靠的解决方案：

方案1：重置组件状态而非整页刷新（推荐，符合SPA设计） #

既然是SPA，优先通过重置应用内部状态来回到初始状态，而不是刷新整个WebView。

1. 创建全局状态管理类，集中管理需要重置的应用状态：

public class AppState
{
    // 示例：用户登录状态
    public bool IsLoggedIn { get; set; }
    // 示例：当前选中的菜单
    public string ActiveMenu { get; set; } = "Home";
    // 其他需要重置的状态字段...

    public void ResetToInitialState()
    {
        IsLoggedIn = false;
        ActiveMenu = "Home";
        // 重置所有状态到初始值
    }
}

2. 在MauiProgram.cs中注册为单例：

builder.Services.AddSingleton<AppState>();

3. 在需要触发刷新的组件中注入AppState和NavigationManager，调用重置并导航到首页：

@inject AppState AppState
@inject NavigationManager NavManager

<button @onclick="ResetApp">重置应用</button>

@code {
    private void ResetApp()
    {
        AppState.ResetToInitialState();
        // 导航到首页（强制重载组件）
        NavManager.NavigateTo("/", forceLoad: true);
    }
}

这种方式完全在Blazor生态内处理，不会涉及WebView的重新加载，内存占用会保持稳定。

方案2：重新初始化BlazorWebView宿主 #

如果必须完全重置WebView环境，可以通过销毁并重建BlazorWebView实例来实现，这比location.reload()更彻底。

1. 修改MainPage.xaml，将BlazorWebView放在一个容器中（比如VerticalStackLayout）：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:blazor="clr-namespace:Microsoft.AspNetCore.Components.WebView.Maui;assembly=Microsoft.AspNetCore.Components.WebView.Maui"
             x:Class="YourApp.MainPage">
    <VerticalStackLayout x:Name="BlazorContainer">
        <blazor:BlazorWebView x:Name="MainBlazorWebView" HostPage="wwwroot/index.html">
            <blazor:BlazorWebView.RootComponents>
                <blazor:RootComponent Selector="#app" ComponentType="{x:Type local:Main}" />
            </blazor:BlazorWebView.RootComponents>
        </blazor:BlazorWebView>
    </VerticalStackLayout>
</ContentPage>

2. 在MainPage.xaml.cs中添加重建BlazorWebView的方法：

private void ResetBlazorWebView()
{
    // 移除旧的WebView
    BlazorContainer.Remove(MainBlazorWebView);
    // 手动触发GC，清理旧实例资源
    GC.Collect();
    GC.WaitForPendingFinalizers();

    // 创建新的BlazorWebView实例
    var newWebView = new BlazorWebView
    {
        HostPage = "wwwroot/index.html"
    };
    newWebView.RootComponents.Add(new RootComponent("#app", typeof(Main)));
    
    // 添加到容器并设置为当前实例
    BlazorContainer.Add(newWebView);
    MainBlazorWebView = newWebView;
}

3. 在Blazor组件中通过调用MAUI的方法触发重建：
   首先在MainPage.xaml.cs中注册一个可被Blazor调用的方法：

public MainPage()
{
    InitializeComponent();
    // 注册供JS调用的方法
    MainBlazorWebView.JSInvokableReference = this;
}

[JSInvokable]
public void TriggerAppReset()
{
    MainThread.BeginInvokeOnMainThread(ResetBlazorWebView);
}

然后在Blazor组件中通过JS调用这个方法：

<button @onclick="ResetApp">重置应用</button>

@code {
    [Inject]
    private IJSRuntime JsRuntime { get; set; }

    private async Task ResetApp()
    {
        await JsRuntime.InvokeVoidAsync("window.triggerAppReset");
    }
}

最后在wwwroot/index.html中添加JS桥接：

<script>
    window.triggerAppReset = async () => {
        await DotNet.invokeMethodAsync('YourApp', 'TriggerAppReset');
    };
</script>

这种方式会彻底销毁旧的Blazor运行时和WebView资源，内存占用会回到初始水平。

方案3：清理WebView资源后再刷新 #

如果坚持用location.reload()，可以先清理WebView的缓存和JS存储，减少内存残留：

1. 在Blazor组件中先清理资源再刷新：

<button @onclick="RefreshWithCleanup">刷新应用</button>

@code {
    [Inject]
    private IJSRuntime JsRuntime { get; set; }

    private async Task RefreshWithCleanup()
    {
        // 清理localStorage和sessionStorage
        await JsRuntime.InvokeVoidAsync("localStorage.clear");
        await JsRuntime.InvokeVoidAsync("sessionStorage.clear");
        
        // 清理WebView缓存（需要在MAUI层实现）
        await CleanWebViewCache();
        
        // 刷新页面
        await JsRuntime.InvokeVoidAsync("location.reload");
    }

    private async Task CleanWebViewCache()
    {
        // 根据平台清理WebView缓存
#if ANDROID
        var webView = (Android.Webkit.WebView)MainBlazorWebView.Handler.PlatformView;
        webView.ClearCache(true);
#elif IOS
        var webView = (WebKit.WKWebView)MainBlazorWebView.Handler.PlatformView;
        webView.Configuration.WebsiteDataStore.HttpCookieStore.DeleteAllCookies();
        await webView.Configuration.WebsiteDataStore.RemoveDataOfTypesAsync(
            new NSSet(WebKit.WKWebsiteDataType.All), 
            NSDate.DistantPast);
#endif
    }
}

这个方案能减少内存上涨的幅度，但不如前两个彻底，适合对刷新方式兼容性要求高的场景。

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