在 Windows 窗体应用程序中使用 CefSharp 从 javaScript 调用 C# 函数

Question

如何在 Windows 窗体应用程序中从 JAVASCRIPT 调用 C# 函数（在 HTML 代码中，我通过 CefSharp 调用）

CefSharp 组件

public partial class Form1 : Form
{
    public ChromiumWebBrowser chromeBrowser;

    public Form1()
    {
        InitializeComponent();

        // Start the browser after initialize global component
        InitializeChromium();
    }

    public void InitializeChromium()
    {

        CefSettings settings = new CefSettings();

        settings.CefCommandLineArgs.Add("enable-media-stream", "1");

        Cef.Initialize(settings);

        chromeBrowser = new ChromiumWebBrowser("localhost/myproject/index.html");

        this.Controls.Add(chromeBrowser);

        chromeBrowser.Dock = DockStyle.Fill;
    }
}

JS调用的函数

public void Test(String message)
{
    MessageBox.Show(message, "Test");
}

HTML 代码 我需要在 onclick 事件中调用 Test()

<span class="mySpan" onclick="<Some>.Test('It is working');"></span>

我尝试过的代码，

内部InitializeChromium函数

CefSharpSettings.LegacyJavascriptBindingEnabled = true;

chromeBrowser.RegisterAsyncJsObject("boundAsync", new BoundObject());

绑定对象.cs

public class BoundObject
{
    public void Test(String message)
    {
        MessageBox.Show(message, "Test");
    }
}

HTML代码

<span class="mySpan" onclick="boundAsync.Test('It is working');"></span>

但这对我不起作用。请告诉我我错在哪里？

提前致谢！

Answer 1

这是一个教程 http://windowsapptutorials.com/wpf/call-c-sharp-javascript-using-cefsharp-wpf-app/

1. 创建一个类并包含要调用的方法

创建一个 CallbackObjectForJs 类，其中包含将从 javascript 调用的 showMessage 函数。

public class CallbackObjectForJs{
    public void showMessage(string msg){//Read Note
        MessageBox.Show(msg);
    }
}

2.注册JS对象

下一步是注册 JS 对象。这可以通过在文件中添加以下代码来完成MainPage.xaml.cs。

private CallbackObjectForJs _callBackObjectForJs;
public MainWindow()
{
    InitializeComponent();
    _callBackObjectForJs= new CallbackObjectForJs();
    ChromiumWebBrowser.RegisterAsyncJsObject("callbackObj", _callBackObjectForJs);
}

3. 从 JavaScript 调用 C# 函数

接下来，只需从 JavaScript 代码中调用 C# 函数即可。

<script>
    callbackObj.showMessage("Hello World!");
</script>

注意： C# 函数的名称应以小写字母开头。

像建议的替代解决方案@amaitland

向浏览器实例添加事件监听器：

public MainWindow()
{
    InitializeComponent();
    
    //Initialize ChromiumWebBrowser
    
    //Hook up event
    browser.JavascriptMessageReceived += OnBrowserJavascriptMessageReceived;
}

private void OnBrowserJavascriptMessageReceived(object sender, JavascriptMessageReceivedEventArgs e)
{
    var windowSelection = (string)e.Message;
    //DO SOMETHING WITH THIS MESSAGE
    //This event is called on a CEF Thread, to access your UI thread
    //You can cast sender to ChromiumWebBrowser
    //use Control.BeginInvoke/Dispatcher.BeginInvoke
}

从 javascript 调用该CefSharp.PostMessage方法（该方法在ChromiumWebBrowser上下文中自动可用：

//CefSharp.PostMessage can be used to communicate between the browser
//and .Net, in this case we pass a simple string,
//complex objects are supported, passing a reference to Javascript methods
//is also supported.
CefSharp.PostMessage(window.getSelection().toString());