如何在WinUI中持久化Microsoft Edge WebView2状态？

WebView2目前确实没有提供像Android WebView那样原生的saveState和restoreState接口，但可以通过以下几种替代方案实现应用重启后恢复状态的需求：

1. 固定用户数据目录持久化会话基础状态 #

WebView2默认会将Cookie、登录状态、缓存等数据存储在用户数据文件夹中，如果使用临时目录，重启后这些数据会丢失。指定固定的用户数据目录可以保留这些会话相关状态：

// 初始化WebView2时指定固定用户数据目录
var userDataFolder = Path.Combine(ApplicationData.Current.LocalFolder.Path, "WebView2UserData");
var env = await CoreWebView2Environment.CreateAsync(null, userDataFolder, new CoreWebView2EnvironmentOptions());
await webView2Control.EnsureCoreWebView2Async(env);

这种方式可以恢复用户的登录状态、Cookie等，但无法恢复页面内的滚动位置、表单输入内容等细节状态。

2. 手动注入JS保存/恢复页面细节状态 #

对于页面内的滚动位置、表单数据等，可以通过注入JavaScript获取状态并保存到本地存储，重启后再注入JS恢复：

保存状态 #

// 获取页面滚动位置
var scrollPosition = await webView2Control.CoreWebView2.ExecuteScriptAsync("JSON.stringify({scrollX: window.scrollX, scrollY: window.scrollY})");
// 获取表单数据（示例针对id为"targetForm"的表单）
var formData = await webView2Control.CoreWebView2.ExecuteScriptAsync(@"
    const form = document.getElementById('targetForm');
    const data = {};
    new FormData(form).forEach((value, key) => data[key] = value);
    JSON.stringify(data);
");

// 将状态保存到本地设置
var localSettings = ApplicationData.Current.LocalSettings;
localSettings.Values["WebViewScrollState"] = scrollPosition;
localSettings.Values["WebViewFormData"] = formData;

恢复状态 #

// 监听页面加载完成事件，执行恢复逻辑
webView2Control.CoreWebView2.NavigationCompleted += async (sender, args) =>
{
    if (!args.IsSuccess) return;

    var localSettings = ApplicationData.Current.LocalSettings;
    
    // 恢复滚动位置
    if (localSettings.Values.TryGetValue("WebViewScrollState", out var scrollStateObj))
    {
        await webView2Control.CoreWebView2.ExecuteScriptAsync($"const state = {scrollStateObj}; window.scrollTo(state.scrollX, state.scrollY);");
    }

    // 恢复表单数据
    if (localSettings.Values.TryGetValue("WebViewFormData", out var formDataObj))
    {
        await webView2Control.CoreWebView2.ExecuteScriptAsync($@"
            const formData = {formDataObj};
            const form = document.getElementById('targetForm');
            Object.keys(formData).forEach(key => {{
                const element = form[key];
                if (element) element.value = formData[key];
            }});
        ");
    }
};

这种方式需要针对具体页面的结构做适配，但能精准控制要恢复的页面细节。

3. 记录并恢复导航历史 #

如果只需要恢复最后访问的页面，可以保存当前导航的URL，重启后直接导航到该地址：

// 保存当前URL
ApplicationData.Current.LocalSettings.Values["LastWebViewUrl"] = webView2Control.CoreWebView2.Source.ToString();

// 恢复时导航到保存的URL
if (ApplicationData.Current.LocalSettings.Values.TryGetValue("LastWebViewUrl", out var urlObj))
{
    if (Uri.TryCreate(urlObj.ToString(), UriKind.Absolute, out var lastUrl))
    {
        webView2Control.CoreWebView2.Navigate(lastUrl.ToString());
    }
}

若需要更完整的历史记录，可以监听NavigationStarting事件，将所有导航URL记录到本地列表，恢复时按需导航。

注：目前WebView2官方尚未提供原生的一键状态保存/恢复API，你提交的需求是合理的，可持续关注官方后续更新。

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