Microsoft Edge WebView2控件能否在显示前预加载页面？WPF场景咨询

根因说明 #

你遇到的延迟加载现象是WPF的TabControl默认机制导致的：未激活的TabItem中的控件不会加入可视树、不会触发布局渲染流程，因此你在启动时调用的EnsureCoreWebView2Async初始化操作实际上会被挂起，直到用户首次切到对应标签页、WebView2控件被渲染时才会继续执行，后续的Navigate导航自然也不会提前触发。

可行解决方案 #

方案1：预挂载到可视树隐藏容器 #

在应用启动时，先将WebView2控件添加到当前窗口的隐藏容器中完成初始化和导航，用户切换标签页时再将控件迁移到对应Tab的内容容器中。
示例代码：

// 窗口XAML中提前定义隐藏容器
// <Grid x:Name="HiddenWebViewContainer" Visibility="Hidden" />

// 应用启动时执行的初始化逻辑
string userDataFolderPath = GetApplicationDataFolder();
userDataFolderPath = Path.Combine(userDataFolderPath, typeof(EOKModule).Namespace);

CoreWebView2EnvironmentOptions opt = new CoreWebView2EnvironmentOptions
{
    Language = "ru-RU"
};

CoreWebView2Environment env = await CoreWebView2Environment.CreateAsync(null, userDataFolderPath, opt);
// 先把WebView2添加到隐藏容器，保证可视树存在
HiddenWebViewContainer.Children.Add(WebView);
await WebView.EnsureCoreWebView2Async(env);
WebView.CoreWebView2.Navigate(url);

// 切换到对应标签页时的逻辑
private void TabControl_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    if (/* 选中的是WebView2对应的标签页 */)
    {
        // 从隐藏容器移除，添加到Tab内容容器
        HiddenWebViewContainer.Children.Remove(WebView);
        TargetTabItem.Content = WebView;
        WebView.Visibility = Visibility.Visible;
    }
}

方案2：使用WebView2脱壳初始化API（1.0.1518.46及以上SDK支持） #

如果不想提前操作可视树，可以直接通过CoreWebView2Controller的脱壳初始化能力提前创建核心渲染实例，控件渲染时直接关联已有的CoreWebView2即可，不需要重新初始化。
示例代码：

// 应用启动时预初始化CoreWebView2
private CoreWebView2 _preloadedCoreWebView;

async Task PreloadWebView2()
{
    string userDataFolderPath = GetApplicationDataFolder();
    userDataFolderPath = Path.Combine(userDataFolderPath, typeof(EOKModule).Namespace);

    CoreWebView2EnvironmentOptions opt = new CoreWebView2EnvironmentOptions
    {
        Language = "ru-RU"
    };

    CoreWebView2Environment env = await CoreWebView2Environment.CreateAsync(null, userDataFolderPath, opt);
    // 创建临时Controller预初始化核心，窗口句柄传当前窗口的即可
    var controller = await env.CreateCoreWebView2ControllerAsync(new WindowInteropHelper(this).Handle);
    _preloadedCoreWebView = controller.CoreWebView2;
    // 提前导航
    _preloadedCoreWebView.Navigate(url);
}

// 用户打开标签页、WebView2控件初始化后，直接关联预加载的CoreWebView2
async void WebView_Initialized(object sender, EventArgs e)
{
    if (_preloadedCoreWebView != null)
    {
        WebView.CoreWebView2 = _preloadedCoreWebView;
        _preloadedCoreWebView = null;
        return;
    }
    // 兜底初始化逻辑
}

关于Edge浏览器级别的预加载设置 #

WebView2默认没有开放和Edge浏览器新标签页预加载完全对齐的配置开关，上述两个方案已经可以覆盖绝大多数预加载场景，性能表现和浏览器内置预加载能力一致。

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