MAUI WebView读取SessionStorage及id_token失败问题求助

核心问题分析 #

你当前的问题主要出在两个点：

1. 时机错误：Navigating事件触发时，当前页面的JavaScript环境还未准备就绪，登录后的sessionStorage也可能还没完成写入；异步调用EvaluateJavaScriptAsync还可能和导航流程产生冲突。
2. 读取方式不当：直接获取整个sessionStorage对象会因为序列化问题返回空对象，应该直接读取具体的目标键值（比如你需要的id_token）。

具体修复步骤 #

1. 更换事件监听时机 #

放弃在Navigating事件中读取，改用Navigated事件——该事件触发时，页面已完全加载，JavaScript环境稳定，sessionStorage的内容也已写入完成。

2. 直接读取指定键值 #

不要尝试获取整个sessionStorage对象，而是明确读取你需要的字段，避免序列化导致的空对象问题。

3. 优化异步逻辑 #

添加异常捕获排查执行错误，同时确保异步操作不会阻塞导航流程。

修改后的代码示例 #

public partial class LoginPage : ContentPage
{    
    private bool _isLoggedIn = false;
    public LoginPage()
    {
        InitializeComponent();        
        // 绑定Navigated事件替代Navigating
        web_view.Navigated += WebView_Navigated;
    }

    private async void WebView_Navigated(object sender, WebNavigatedEventArgs e)
    {
        _isLoggedIn = NavigationManager.login(Navigation, e.Url);

        if (_isLoggedIn)
        {
            try
            {
                // 直接读取sessionStorage中的目标键值
                var idToken = await web_view.EvaluateJavaScriptAsync("sessionStorage.getItem('id_token')");
                // 按需读取其他凭证字段
                var sessionCredential = await web_view.EvaluateJavaScriptAsync("sessionStorage.getItem('your_credential_key')");
                
                // 处理返回结果：去除可能带有的引号
                if (!string.IsNullOrEmpty(idToken))
                {
                    idToken = idToken.Trim('"');
                    // 这里执行后续逻辑，比如将token保存到本地存储
                }
            }
            catch (Exception ex)
            {
                // 捕获异常排查问题
                Console.WriteLine($"读取sessionStorage失败: {ex.Message}");
            }
        }
    }
}

额外注意事项 #

• 跨域限制：如果WebView加载的页面和MAUI应用存在跨域问题，会被浏览器同源策略阻止访问sessionStorage。确保登录页面与应用域名符合同源要求，或在各平台配置WebView允许跨域（Android需配置WebSettings，iOS需修改Info.plist）。
• sessionStorage生命周期：sessionStorage仅在当前会话有效，WebView重启或页面刷新后会丢失。需要持久化存储的话，建议将获取到的token保存到MAUI的Preferences或本地数据库。
• 调试技巧：开启WebView调试模式（Android开启WebView调试权限，iOS在Info.plist添加调试配置），通过浏览器开发者工具确认sessionStorage中是否存在目标键值，排除前端未写入的问题。

内容的提问来源于stack exchange，提问作者Timotej Arnuš