上一篇已经介绍 WPF集成WebView2 完整例子及Demo

 现在需要c#的数据与显示的网页能双向通信

  1. WPF与WebView2之间的相互通信具有以下优点：

    • 灵活性： 双向通信使得本地应用程序能够与网页内容无缝集成，提供丰富的交互体验。

    • 代码复用： 网页开发者可以复用现有的Web技术栈和前端框架，同时利用WPF的强大功能。

    • 安全性和隔离性： 通过WebView2，网页内容在单独的进程中运行，提供了额外的安全层和资源隔离。

    • 性能优化： 相比于传统的嵌入式浏览器控件，WebView2基于现代的Chromium内核，提供了更好的性能和兼容性。

    • 扩展性： 通过JavaScript接口和消息传递机制，可以轻松地扩展和定制WebView2的功能，满足特定的应用需求。

    • 更新和维护： 由于WebView2依赖于持续更新的Chromium项目，因此可以享受到最新的Web特性和安全性修复。

WPF应用程序可以利用WebView2控件与网页内容进行高效的通信，构建功能丰富、用户体验优秀的混合型桌面应用。

完整例子下载 https://download.csdn.net/download/weijia3624/88670091

 

 private void webView_WebMessageReceived(object sender, CoreWebView2WebMessageReceivedEventArgs e)
        {
            //接收到的字符串
            string msg = e.TryGetWebMessageAsString();
            Console.WriteLine("msg-->" + msg);

            ////接收到的json
            //string msgJson = e.WebMessageAsJson;
            //Console.WriteLine("msgJson-->" + msgJson);
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.webView.WebMessageReceived += webView_WebMessageReceived;
        }

        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            // 确保 CoreWebView2 已经初始化完成
            if (webView.CoreWebView2 != null)
            {
                try
                {
                    JObject postJson = new JObject();
                    postJson["Name"] = "小明";
                    // 将数据序列化为 JSON 字符串
                    string jsonData = JsonConvert.SerializeObject(postJson);
                    //Console.WriteLine(jsonData);
                    // 向 WebView2 发送 JSON 数据 PostWebMessageAsString  PostWebMessageAsJson
                    webView.CoreWebView2.PostWebMessageAsJson(jsonData);
                }
                catch (Exception ex)
                {
                    Console.WriteLine("Error sending message: " + ex.Message);
                }
            }
        }
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>测试通信</title>
    <script>
        window.onload = function () {
            //alert("onload-success");
        }
        function postMsg() {
            var args = "hello,this msg come from webView2 JS!";
            window.chrome.webview.postMessage(args);
            alert("发送成功，内容：" + args);
        }

        // 在这里处理接收到c#的消息
        window.chrome.webview.addEventListener("message", receiveMessage);
        function receiveMessage(event) {
          alert(JSON.stringify(event.data));
        }
    </script>
</head>
<body>
    <p>你好，这是一个webview2里面的JS与C#通信的简单例子</p>
    </br>
    </br>
    <button type="button" onclick="postMsg()">JS发送信息给C#</button>
</body>
</html>

Logo
腾讯云开发者社区

腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。

更多推荐

终极指南：Flink SQL连接器版本管理从混乱到有序的升级之路

Apache Flink作为流处理领域的佼佼者，其SQL连接器的版本管理一直是开发者面临的核心挑战。本文将系统讲解Flink SQL连接器版本管理的最佳实践，帮助你轻松应对版本兼容性问题，实现从混乱到有序的升级之旅。## 连接器版本管理的常见痛点 😫在Flink应用开发中，连接器版本管理常常让开发者头疼不已。不同版本的连接器可能导致各种兼容性问题，例如API变更、功能差异甚至运行时错误。

avatar 腾讯云开发者社区

Elasticsearch复杂数据类型终极指南：从入门到精通

Elasticsearch作为功能强大的搜索引擎，支持多种复杂数据类型，让开发者能够灵活处理各种结构化和非结构化数据。本文将带你全面了解Elasticsearch中的复杂数据类型，从基础概念到实际应用，助你轻松掌握数据建模的核心技巧。## 内部对象：构建层级化数据结构在Elasticsearch中，对象类型（Object）是最基础的复杂数据类型之一，用于表示具有嵌套关系的数据。例如，我们可

avatar 腾讯云开发者社区

如何快速搭建Neon无服务器PostgreSQL：面向初学者的完整指南

Neon是一款革命性的无服务器PostgreSQL解决方案，它通过分离存储和计算层，实现了自动扩缩容、类代码式数据库分支以及零级扩展能力。本指南将帮助你从零开始搭建Neon开发环境，体验这款创新数据库的强大功能。## 准备工作：环境要求与依赖项在开始搭建Neon环境前，请确保你的系统满足以下要求：- Linux操作系统（推荐Ubuntu 20.04+或Debian 11+）- Git

avatar 腾讯云开发者社区