WebView2コントロールとWebページ(JavaScript)の連携

VB/C#からWebページのJavaScriptを実行する方法

WebView2コントロールでDOM操作する方法 で詳しく解説しています。

Webページの表示時にJavaScriptを実行する方法

AddScriptToExecuteOnDocumentCreatedAsyncメソッドを使うと、 ページが表示されるときに実行するJavaScriptコードを追加できます。

WebView2の初期化後に、実行したいJavaScriptコードをAddScriptToExecuteOnDocumentCreatedAsyncメソッドで設定します。

下記コードでは、ページを表示する度にalertでurlが表示されます。
※ページを読み込む度にスクリプトが実行されるようになりますので、フレームを使ったページ等は複数回スクリプトが実行されます。

							Private Async Sub InitializeAsync()

								Await WebView2.EnsureCoreWebView2Async(Nothing)
								Await WebView2.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("alert(window.document.URL);")
				
							End Sub
						
							async void InitializeAsync()
							{
								await webView2.EnsureCoreWebView2Async(null);
								await webView2.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("alert(window.document.URL);");
							}
						

VB/C#からWebページのJavaScriptにデータを送る方法

VB/C#からWebページのJavaScriptにデータを送るには、PostWebMessageAsStringメソッドまたはPostWebMessageAsJsonメソッドを使用します。
文字列を送る場合はPostWebMessageAsStringメソッド、Jsonパラメータを送る場合はPostWebMessageAsJsonメソッドを使用します。

JavaScript側では、データを受け取る為にmessageイベントハンドラを定義します。

下記コードでは、Formでボタン押下するとJavaScriptで受け取ったメッセージをalert表示します。

							'WebViewコントロール初期化時に、AddScriptToExecuteOnDocumentCreatedAsyncメソッドにてJavaScriptにmessageイベントハンドラを追加する。
							'※今回はAddScriptToExecuteOnDocumentCreatedAsyncメソッドでmessageイベントハンドラを追加していますが、
							' ExecuteScriptAsyncメソッドで追加しても良いです。
							Private Async Sub InitializeAsync()
								Await WebView2.EnsureCoreWebView2Async(Nothing)
								Await WebView2.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("window.chrome.webview.addEventListener('message',  function(e) { alert('message received:' + e.data);});")
							End Sub
				
							'Webページ(JavaScript)にmessageイベントを発生させ文字を送付する。
							Private Async Sub btnSendMessageToJS_Click(sender As Object, e As EventArgs) Handles btnJS.Click
								WebView2.CoreWebView2.PostWebMessageAsString("test")
							End Sub
						
							//'WebViewコントロール初期化時に、AddScriptToExecuteOnDocumentCreatedAsyncメソッドにてJavaScriptにmessageイベントハンドラを追加する。
							async void InitializeAsync()
							{
								await webView2.EnsureCoreWebView2Async(null);
								await webView2.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("window.chrome.webview.addEventListener('message',  function(e) { alert('message received:' + e.data);});");
							}
				
							//Webページ(JavaScript)にmessageイベントを発生させ文字を送付する。
							//※今回はAddScriptToExecuteOnDocumentCreatedAsyncメソッドでmessageイベントハンドラを追加していますが、
							// ExecuteScriptAsyncメソッドで追加しても良いです。	        private void btnSendJS_Click(object sender, EventArgs e)
							{
								webView2.CoreWebView2.PostWebMessageAsString("test");
							}
						

JavaScriptからのメッセージをVB/C#で受け取る方法

JavaScript側はpostMessageメソッドによりメッセージを通知します。

VB/C#側はWebMessageReceivedイベントハンドラに受信時の処理を定義します。

下記コードでは、Formでボタン押下するとJavaScriptが表示中ページのURLをVB/C#に通知し、VB/C#は受け取ったメッセージを表示します。

							'メッセージ受信のイベントハンドラを定義します。JavaScriptからメッセージを受信したときに実行します。
							Private Sub MessageReceived(sender As Object, args As Microsoft.Web.WebView2.Core.CoreWebView2WebMessageReceivedEventArgs) Handles WebView2.WebMessageReceived
								Dim text As String = args.TryGetWebMessageAsString()
								MsgBox(text)
							End Sub
				
							'WebView2にJavaScriptの実行を依頼します。表示中のurlをVB/C#側に通知します。
							Private Async Sub btnJStoCS_Click(sender As Object, e As EventArgs) Handles btnJStoCS.Click
								Await WebView2.CoreWebView2.ExecuteScriptAsync("window.chrome.webview.postMessage(window.document.URL);")
							End Sub
						
							//WebView2の初期化後、メッセージ受信のイベントハンドラを定義します。
							async void InitializeAsync()
							{
								await webView2.EnsureCoreWebView2Async(null);
								webView2.CoreWebView2.WebMessageReceived += MessageReceived;
							}
							
							//JavaScriptからメッセージを受信したときに実行します。
							private void MessageReceived(object sender, Microsoft.Web.WebView2.Core.CoreWebView2WebMessageReceivedEventArgs args)
							{
								String text = args.TryGetWebMessageAsString();
								MessageBox.Show(text);
							}
							
							//WebView2にJavaScriptの実行を依頼します。表示中のurlをVB/C#側に通知します。
							private async void btnJStoCS_Click(object sender, EventArgs e)
							{
								await webView2.CoreWebView2.ExecuteScriptAsync("window.chrome.webview.postMessage(window.document.URL);");
							}
						

WebMessageReceivedイベントのTryGetWebMessageAsStringメソッドで取得できる型は文字列である必要があります。
JavaScriptのpostMessageで文字列以外を送ってしまうと、TryGetWebMessageAsStringメソッドの呼び出し時にSystem.ArgumentExceptionが発生します。
toStringメソッドで変換してから送りましょう。
await webView2.CoreWebView2.ExecuteScriptAsync("window.chrome.webview.postMessage(document.getElementsByName('radioname')[1].checked.toString());");

参考