之前文章中介绍过通过JS实现WebView2宿主程序和前端页面进行通信的方法。在WebView2中，更加通用而高效的方式是WebMessage，它是一个异步的消息通信，并且支持双向通信，本文这里简单的介绍下其用法。

前端页面发送消息给宿主程序：

首先，在WebView中定义接收到消息的处理函数:

webView.WebMessageReceived += (s, e) =>     {     MessageBox.Show(e.WebMessageAsJson);     };

PS：这个事件在CoreWebView2上也有，使用效果是一样的。

然后，在前端脚本中发送消息：

chrome.webview.postMessage('hello world')

执行效果如下：

![image](https://upload-images.jianshu.io/upload_images/15042729-8ae191a46ff30334.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

宿主程序发消息给前端页面：

首先，前端注册消息的处理函数：

chrome.webview.addEventListener('message', event => alert(event.data));

然后，CoreWebView2.PostWebMessageAsXXX函数发送消息

    webView.CoreWebView2.PostWebMessageAsString("hello world");

执行效果如下：

image

禁用WebMessage：

如果为了安全起见，也可以通过设置将其禁用：

    webView.CoreWebView2.Settings.IsWebMessageEnabled = false;

参考文章：

主机和 Web 内容之间的通信