WPF中CEF浏览器加载同URL先显旧内容再闪更的问题求解

针对窗口可见性变更时加载URL，浏览器先显示旧内容再切换到新内容的问题，可尝试以下几种方案：

1. 给URL添加缓存破防参数 #

浏览器会缓存已加载的资源，直接请求相同URL时可能复用缓存内容。给URL末尾添加随机时间戳参数，让浏览器判定为新请求：

void LoadNewUrl()
{
    string targetUrl = "你的目标URL";
    // 追加时间戳参数，确保每次请求都不触发缓存
    string newUrl = $"{targetUrl}?cacheBuster={DateTime.Now.Ticks}";
    ChromeBrowser.Load(newUrl);
}

2. 先加载空白内容，渲染完成后再加载目标URL #

在加载新URL前先渲染空白页面，等空白页面加载完成后再请求目标URL，避免旧内容残留：

async void OnWindowVisibleChanged(object sender, DependencyPropertyChangedEventArgs e)
{
    if (!IsBrowserInitialized) return;
    if (window.Visibility == Visibility.Visible)
    {
        await Dispatcher.InvokeAsync(async () =>
        {
            // 先加载空白HTML
            ChromeBrowser.LoadHtml("<html><body></body></html>");
            
            // 等待空白页面加载完成（以CefSharp为例）
            var loadCompleteTask = new TaskCompletionSource<bool>();
            void OnLoadingStateChanged(object s, LoadingStateChangedEventArgs args)
            {
                if (!args.IsLoading)
                {
                    ChromeBrowser.LoadingStateChanged -= OnLoadingStateChanged;
                    loadCompleteTask.SetResult(true);
                }
            }
            ChromeBrowser.LoadingStateChanged += OnLoadingStateChanged;
            await loadCompleteTask.Task;
            
            // 加载目标URL
            LoadNewUrl();
            window.Activate();
        });
    }
    else
    {
        Dispatcher.BeginInvoke(new Action(() =>
        {
            ChromeBrowser.LoadHtml("<html><body><h1></h1></body></html>");
        }));
    }
}

3. 加载时隐藏浏览器控件，完成后再显示 #

通过监听浏览器加载完成事件，加载开始时隐藏控件，加载完成后再显示，完全屏蔽中间的旧内容：

void OnWindowVisibleChanged(object sender, DependencyPropertyChangedEventArgs e)
{
    if (!IsBrowserInitialized) return;
    if (window.Visibility == Visibility.Visible)
    {
        Dispatcher.BeginInvoke(new Action(() =>
        {
            // 先隐藏浏览器控件
            ChromeBrowser.Visibility = Visibility.Collapsed;
            
            // 监听主框架加载完成事件
            void OnFrameLoadEnd(object s, FrameLoadEndEventArgs args)
            {
                if (args.Frame.IsMain)
                {
                    ChromeBrowser.FrameLoadEnd -= OnFrameLoadEnd;
                    // 加载完成后显示控件
                    ChromeBrowser.Visibility = Visibility.Visible;
                }
            }
            ChromeBrowser.FrameLoadEnd += OnFrameLoadEnd;
            
            LoadNewUrl();
            window.Activate();
        }));
    }
    else
    {
        Dispatcher.BeginInvoke(new Action(() =>
        {
            ChromeBrowser.LoadHtml("<html><body><h1></h1></body></html>");
            ChromeBrowser.Visibility = Visibility.Visible;
        }));
    }
}

4. 配置浏览器全局禁用缓存（以CefSharp为例） #

如果使用CefSharp作为浏览器控件，可在初始化时配置禁用缓存，确保每次加载都是最新内容：

// 初始化Cef时配置
var cefSettings = new CefSettings();
cefSettings.CachePath = string.Empty; // 禁用磁盘缓存
cefSettings.CefCommandLineArgs.Add("disable-application-cache", "1");
cefSettings.CefCommandLineArgs.Add("disable-cache", "1");
Cef.Initialize(cefSettings);

// 或者针对单个请求设置缓存头
void LoadNewUrl()
{
    var request = new Request
    {
        Url = "你的目标URL",
        Method = "GET"
    };
    request.SetHeaderByName("Cache-Control", "no-cache, no-store, must-revalidate", true);
    request.SetHeaderByName("Pragma", "no-cache", true);
    request.SetHeaderByName("Expires", "0", true);
    ChromeBrowser.LoadUrlAsync(request);
}

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