WebView2中C#和JavaScript代码互操作

最新推荐文章于 2024-11-10 00:12:03 发布

原创

最新推荐文章于 2024-11-10 00:12:03 发布 · 1.4w 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#WebView2 #C# #JavaScript

本文介绍如何在C#中通过WebView2与前端JavaScript进行交互。主要包括：创建ScriptHost并注册到WebView2；暴露公共方法供JavaScript调用；实现同步与异步调用方式。

该文章已生成可运行项目，

C#调用或者执行前端的JavaScript

1.需要创建一个ScriptHost，并注册到WebView2中

  [ClassInterface(ClassInterfaceType.AutoDual)]
    [ComVisible(true)]
    /// <summary>
    /// 网页调用C#方法
    /// </summary>
    public class ScriptCallbackObject

//注册winning脚本c#互操作
WebViewCore.CoreWebView2.AddHostObjectToScript("winning", ScriptHost);
//注册全局变量winning
WebViewCore.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("var winning= window.chrome.webview.hostObjects.winning;");

2.ScriptHost中暴露的公共方法，都可以在前端JavaScript中调用

 public MessageInfo GetMessageInfo()
        {
            return new MessageInfo()
            {
                Message = $"Message from .NET at {DateTime.Now:t}"
            };
        }
        public string PassMessageInfo(string jsonMessageInfo)
        {
            var msg = JsonConvert.DeserializeObject<Messag

本文章已经生成可运行项目