CefSharp WPF 和离屏性能

CefSharp WPF and Offscreen perfomance

我正在尝试支持一个使用 cefsharp(v79.1.360) 的应用程序。

有一些我需要实现的东西:

1) WPF 中的 ChromiumWebBrowser(使用 CefSharp.Wpf 最小示例)

2) 此浏览器可以离开屏幕(折叠 window 或关闭它)

3) 使用 JavaScriptObjectRepository,并启动一些代码,这些代码将用于网页(单击按钮、更改元素文本)。页面可以使用框架、websockets、Http 请求和其他东西 网页通常会。

完成页面工作后,我通过调用对象的方法将结果发送到 C#,我在 jsObjectRepository/

中绑定

期望:

Offscreen prefomance(时间延迟)应该和打开时一样window/

现实:

Offscreen perfomance有时真的很糟糕,工作需要时间长达10秒(当wpf只有1-5时)。

我的代码:

初始化

CefSharpSettings.LegacyJavascriptBindingEnabled = true;
            CefSharpSettings.WcfEnabled = true;

            CefSettings cefSettings = new CefSettings
            {
                LocalesDirPath = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "locales"),
                Locale = appsettings.CurrentChromeLanguage.ToLocal(),
                AcceptLanguageList = appsettings.CurrentChromeLanguage.ToAcceptList(),
            };


            if (!cefSettings.CefCommandLineArgs.ContainsKey("disable-gpu"))
            {
                cefSettings.CefCommandLineArgs.Add("disable-gpu", "1");
            }
            if (cefSettings.CefCommandLineArgs.ContainsKey("enable-system-flash"))
            {
                cefSettings.CefCommandLineArgs.Remove("enable-system-flash");
            }
            if (cefSettings.CefCommandLineArgs.ContainsKey("enable-media-stream"))
            {
                cefSettings.CefCommandLineArgs.Remove("enable-media-stream");
            }


            cefSettings.CefCommandLineArgs.Add("enable-begin-frame-scheduling", "1");
            cefSettings.CefCommandLineArgs.Add("disable-gpu-vsync", "1");

            cefSettings.CefCommandLineArgs.Add("mute-audio", "true");
            cefSettings.CefCommandLineArgs.Add("enable-media-stream", "0");
            cefSettings.CefCommandLineArgs.Add("disable-3d-apis", "1");
            cefSettings.CefCommandLineArgs.Add("renderer-process-limit", "10");

            cefSettings.CefCommandLineArgs.Add("js-flags", "--lite_mode");


            if (!appsettings.IsLoadImage)
            {
                cefSettings.CefCommandLineArgs.Add("disable-image-loading", "1");
            }
            cefSettings.LogFile = Path.Combine(ClientConfig.ChromeDataPath, "Log.txt");
            cefSettings.LogSeverity = LogSeverity.Error;
            cefSettings.IgnoreCertificateErrors = true;


            cefSettings.SetOffScreenRenderingBestPerformanceArgs();

浏览器创建和使用:

ChromiumWebBrowser browser = new ChromiumWebBrowser();

//xaml window with <ContentControl> with browser
//need hide means when window is closing, we cancel it, and using Hide()
NewBrowserView view = new NewBrowserView(new ChromeTabViewModel(browser));

view.Closing += BrowserView_Closing;
Browser.FrameLoadStart += _browser_FrameLoadStart;
var options = new BindingOptions { CamelCaseJavascriptNames = false };
browser.JavascriptObjectRepository.Register("resultController", this, false, options);


//we can just hide window
void BrowserView_Closing(object sender, CancelEventArgs e)
{
            if (_needHide)
            {
                e.Cancel = true;
                Hide();
            }
}

//on page load
void _browser_FrameLoadStart(object sender, FrameLoadStartEventArgs e) {
  string code = "";
  code += "(async function(){ " +
  "await CefSharp.BindObjectAsync('resultController'); " +
  code += TestJsCode;
  code += " })();";//AddWorker
  e.Frame.ExecuteJavaScriptAsync(code, $"about:blank/myCode");
  Consol.WriteLine(DateTime.Now);
}

public void OnGoodResult()
{
 Consol.WriteLine(DateTime.Now);
}

public void OnBadResult()
{
  Consol.WriteLine(DateTime.Now);
}

//then i just go by differnet pages and await results    

正如我之前提到的,当我隐藏 wnd 时,它需要很长时间才能打印结果

我真的很依赖布局和其他视觉效果,所以我想通了。当 window 崩溃时,我应该设置此代码:

GetBrowser().GetHost().WasHidden(false);