在.NET Framework或.NET Core的Windows Forms（WinForm）应用程序中，常常需要集成Web视图以展示网页内容，并可能需要与网页中的JavaScript代码进行交互。微软提供了WebView2控件，它是Chromium内核的新一代Web视图，使得在WinForm应用中实现与现代Web技术的集成变得更加容易。本示例“WinForm下WebView2实现JS与C#交互Demo”就展示了如何在C#中使用WebView2控件来实现JavaScript与C#之间的双向通信。 确保已安装Microsoft Edge WebView2 SDK。可以通过NuGet包管理器安装`Microsoft.WebView2.WinForms`包。安装完成后，在WinForm项目中引入`Microsoft.WebView2.WinForms`命名空间，这样就可以使用WebView2控件。 接着，在WinForm设计器中添加一个WebView2控件到窗体上，并在代码中初始化它。初始化通常包括设置初始URL、加载完成后的回调以及设置用户数据目录，以便WebView2存储本地缓存和用户数据： ```csharp private Microsoft.WebView2.WinForms.WebView2 webView2; private async void Form1_Load(object sender, EventArgs e) { webView2 = new Microsoft.WebView2.WinForms.WebView2(); webView2.Dock = DockStyle.Fill; Controls.Add(webView2); // 设置初始URL webView2.Source = new Uri("https://example.com"); // 加载完成事件 webView2.CoreWebView2InitializationCompleted += (sender, args) => { // 设置用户数据目录 webView2.CoreWebView2.Environment = await Microsoft.WebView2.Core.CoreWebView2Environment.CreateAsync(null, null); }; } ``` 接下来，实现JS与C#的交互。通过`AddScriptToExecuteOnDocumentCreated`方法，可以在网页加载时执行一段JavaScript代码，这段代码可以注册一个全局函数，用于调用C#方法： ```csharp private void RegisterJsCallCSharp() { webView2.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync( "window.callCSharp = function(param) { window.chrome.webview.postMessage(param); }"); } ``` 这里定义了一个`callCSharp`函数，当JavaScript需要调用C#方法时，可以调用这个函数并传递参数。 为了接收JavaScript的postMessage，我们需要监听`WebMessageReceived`事件，然后在事件处理程序中解析接收到的消息并调用相应的C#方法： ```csharp private async void WebView2_CoreWebView2/WebMessageReceived(object sender, Microsoft.WebView2.Core.CoreWebView2WebMessageReceivedEventArgs e) { string message = e.Message.ToString(); await webView2.CoreWebView2.ExecuteScriptAsync($"console.log('C# received: {message}');"); // 调用C#方法处理接收到的消息 ProcessMessage(message); } ``` 同时，C#也可以调用JavaScript代码。使用`ExecuteScriptAsync`方法可以执行任意JavaScript代码： ```csharp private async void CallJsFunctionFromCSharp(string functionName, params object[] args) { StringBuilder script = new StringBuilder(); script.Append(functionName); script.Append("("); for (int i = 0; i < args.Length; i++) { if (i > 0) script.Append(","); script.Append(JsonConvert.SerializeObject(args[i])); } script.Append(");"); await webView2.CoreWebView2.ExecuteScriptAsync(script.ToString()); } ``` 这个`CallJsFunctionFromCSharp`方法接受一个函数名和任意数量的参数，将其序列化为JSON字符串并拼接成JavaScript调用语句。 通过以上步骤，我们已经在WinForm应用中实现了WebView2控件的集成，让JavaScript可以调用C#方法，同时C#也能调用JavaScript函数。这在开发涉及网页和桌面应用交互的场景中非常有用，例如，你可以从网页触发桌面应用的功能，或者从桌面应用更新网页的内容。这个“WinForm下WebView2实现JS与C#交互Demo”提供了一个基础模板，你可以根据实际需求进行扩展和调整。

实现了duilib加载了cef功能，在js上引入echarts实现图标相关界面，实现了多窗口能力，c++与js通信数据交互等。 （1）duilib加载cef,实现多窗口能力，并能打开开发者工具页面调试js代码 （2）在js端引入echarts实现了图表界面，实现图表数据数据实时刷新，数据通过js与c++交互获取 （3）实现了c++与js交互的能力，交互接口带有回调函数，双向通信代码完整，可直接使用 1）js调用c++,在c++端注册cpp函数，js端调用此函数,c++收到后通过回调函数将数据返给js端。 2）c++调用js，在js端注册函数，c++调用此函数，js收到后通过回调函数将回调信息返给c++端 （4）cef版本为80.1.15版本，经过测试稳定，无内存泄露等问题，可直接使用。 （5）将cef js于c++交互相关功能封装到了一个库中。可直接引用到项目中使用 （6）同时包含了echarts相关文件 （7）代码完成，有实例程序，注释详细

由于需要集成浏览器功能并用C++实现图形功能，最早是想通过QWebEngineView+QWebChannel+js的方式，实现c++与js的通讯。 qt中有很多文档，但访问不成功。走过好多弯路，改用这套方法。 qt的跨平台性给编译造成很多麻烦。 测试过的环境： x64可以在qt 5.12+vs2017+64bit上通过 x86可以在qt5.6.2+vs2013+32bit上通过 另实现了浏览器全屏窗体。

WinForm GeckoFx33 Demo JS与C#互交 窗口浏览器之间的相互调用

VS2013，.net 3.5下运行，可实现： 浏览器主动调用C#函数传参给C#并获取返回值 C#主动获取浏览器数据 C#向浏览器发送数据， 浏览器js获取到数据后alert出来 编译后在xp下可正常运行。

Xilium.Cefglue JS与C#相互调用Demo， 详细注释Xilium.Cefglue JS与C#相互调用Demo